US20110145752A1 - Interactive Image Thumbnails - Google Patents
Interactive Image Thumbnails Download PDFInfo
- Publication number
- US20110145752A1 US20110145752A1 US13/030,733 US201113030733A US2011145752A1 US 20110145752 A1 US20110145752 A1 US 20110145752A1 US 201113030733 A US201113030733 A US 201113030733A US 2011145752 A1 US2011145752 A1 US 2011145752A1
- Authority
- US
- United States
- Prior art keywords
- frame
- poster
- images
- container
- displayed
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Abandoned
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
- G06F3/04855—Interaction with scrollbars
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N1/00—Scanning, transmission or reproduction of documents or the like, e.g. facsimile transmission; Details thereof
- H04N1/0035—User-machine interface; Control console
- H04N1/00405—Output means
- H04N1/00408—Display of information to the user, e.g. menus
- H04N1/0044—Display of information to the user, e.g. menus for image preview or review, e.g. to help the user position a sheet
- H04N1/00442—Simultaneous viewing of a plurality of images, e.g. using a mosaic display arrangement of thumbnails
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N1/00—Scanning, transmission or reproduction of documents or the like, e.g. facsimile transmission; Details thereof
- H04N1/0035—User-machine interface; Control console
- H04N1/00405—Output means
- H04N1/00408—Display of information to the user, e.g. menus
- H04N1/0044—Display of information to the user, e.g. menus for image preview or review, e.g. to help the user position a sheet
- H04N1/00442—Simultaneous viewing of a plurality of images, e.g. using a mosaic display arrangement of thumbnails
- H04N1/00453—Simultaneous viewing of a plurality of images, e.g. using a mosaic display arrangement of thumbnails arranged in a two dimensional array
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N1/00—Scanning, transmission or reproduction of documents or the like, e.g. facsimile transmission; Details thereof
- H04N1/0035—User-machine interface; Control console
- H04N1/00405—Output means
- H04N1/00408—Display of information to the user, e.g. menus
- H04N1/0044—Display of information to the user, e.g. menus for image preview or review, e.g. to help the user position a sheet
- H04N1/00458—Sequential viewing of a plurality of images, e.g. browsing or scrolling
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N1/00—Scanning, transmission or reproduction of documents or the like, e.g. facsimile transmission; Details thereof
- H04N1/0035—User-machine interface; Control console
- H04N1/00405—Output means
- H04N1/00408—Display of information to the user, e.g. menus
- H04N1/0044—Display of information to the user, e.g. menus for image preview or review, e.g. to help the user position a sheet
- H04N1/00461—Display of information to the user, e.g. menus for image preview or review, e.g. to help the user position a sheet marking or otherwise tagging one or more displayed image, e.g. for selective reproduction
Definitions
- this document describes systems and techniques for presenting electronic images such as digital or digitized photographs.
- Photographs can be taken either using high-end equipment such as digital single lens reflex (SLR) cameras, low resolution cameras including point-and-shoot cameras and cellular telephone instruments with suitable capabilities. Photographs can be transferred either individually as files or collectively as folders containing multiple files from the cameras to other media including computers, printers, and storage devices.
- SLR digital single lens reflex
- Software applications such as iPhoto (manufactured by Apple Computer, Inc. of Cupertino, Calif.), can be used to arrange, display, and edit digital photographs obtained from a camera or any other electronic image in a digital format.
- Such software applications provide a user in possession of a large repository of photographs with the capabilities to organize, view, and edit the photographs. Users can organize photographs into albums and create slide shows to view the albums.
- Software manufacturers regularly add features to the software so that frequent operations, including transferring photographs from the device to a computer, and arranging and displaying the photographs, are relatively easy for an average user to perform.
- a system can upload multiple albums of images, display each album as a thumbnail in a user interface, represent each album by an image in the album, and allow a user to scan the images in the album by moving a cursor across the thumbnail representing the album.
- the system can display a window adjacent to the thumbnail representing the album, and display, in the window, images that are displayed in the thumbnail representing the album.
- the displayed window can be larger than the thumbnail, thereby serving as a magnifying window to view images in the album.
- a user can select images displayed in the magnifying window, e.g., to mark the images for grouping.
- a computer-implemented method includes displaying, within a user interface, a view pane having a vertical direction and a horizontal direction, displaying, within the view pane, a first frame represented by a bounded region, wherein the first frame represents a container that comprises one or more objects, upon detecting a positioning of a cursor at a position in the poster frame, displaying an object of the one or more objects in the frame, the displayed object varying based on the position of the cursor, upon detecting a selection of the first frame, displaying a second frame, represented by a second bounded region, and displaying the displayed object in the second frame.
- the second frame can be displayed adjacent to the first frame.
- the first frame can include a poster frame.
- the dimensions of the second frame can be greater than dimensions of the first frame.
- the method can include, upon detecting a positioning of the cursor at a new position on the first frame, displaying a new displayed object of the one or more objects in the first frame, the new object corresponding to the new position of the cursor, and displaying the new displayed object in the second frame.
- the method can further include detecting the selection of the second frame.
- the method can further include displaying a tool within the second frame, the tool configured to enable a user to select the second frame. Detecting the selection of the second frame can include positioning the cursor over the tool, and selecting the tool.
- Selecting the second frame can enable including the displayed object in a group.
- the method can further include, upon displaying the second frame, dividing the first frame into a first portion and a second portion.
- the method can further include, upon determining the positioning of the cursor over the first portion, displaying an object corresponding to a position of the cursor over the first portion in the first frame and the second frame.
- the method can further include, upon determining the positioning of the cursor over the second portion, displaying a grid in the first frame, the grid serving as a visual cue indicating the accessibility of the one or more objects in the container represented by the first frame.
- the method can further include enabling the user to access the one or more objects in the container represented by the first frame when the user selects the first frame upon viewing the grid.
- the grid can be an array including a plurality of rectangular regions.
- An object in the container represented by the first frame can be displayed in a rectangular region of the plurality of rectangular regions.
- the dimensions of the first portion can be larger than dimensions of the second portion.
- a medium bearing instructions to enable one or more machines to perform operations includes displaying, within a user interface, a view pane having a vertical direction and a horizontal direction, displaying, within the view pane, a first frame represented by a bounded region, wherein the first frame represents a container that comprises one or more objects, upon detecting a positioning of a cursor at a position in the poster frame, displaying an object of the one or more objects in the frame, the displayed object varying based on the position of the cursor, upon detecting a selection of the first frame, displaying a second frame, represented by a second bounded region, and displaying the displayed object in the second frame.
- the second frame can be displayed adjacent to the first frame.
- the first frame can include a poster frame.
- the dimensions of the second frame can be greater than dimensions of the first frame.
- the operations can include, upon detecting a positioning of the cursor at a new position on the first frame, displaying a new displayed object of the one or more objects in the first frame, the new object corresponding to the new position of the cursor, and displaying the new displayed object in the second frame.
- the operations can further include detecting the selection of the second frame.
- the method can further include displaying a tool within the second frame, the tool configured to enable a user to select the second frame. Detecting the selection of the second frame can include positioning the cursor over the tool, and selecting the tool.
- Selecting the second frame can enable including the displayed object in a group.
- the operations can further include, upon displaying the second frame, dividing the first frame into a first portion and a second portion.
- the operations can further include, upon determining the positioning of the cursor over the first portion, displaying an object corresponding to a position of the cursor over the first portion in the first frame and the second frame.
- the operations can further include, upon determining the positioning of the cursor over the second portion, displaying a grid in the first frame, the grid serving as a visual cue indicating the accessibility of the one or more objects in the container represented by the first frame.
- the operations can further include enabling the user to access the one or more objects in the container represented by the first frame when the user selects the first frame upon viewing the grid.
- the grid can be an array including a plurality of rectangular regions.
- An object in the container represented by the first frame can be displayed in a rectangular region of the plurality of rectangular regions.
- the dimensions of the first portion can be larger than dimensions of the second portion.
- Each album can be a container represented by a poster frame on a user interface, where the poster frame is an image in the container. This can meaningfully represent a container containing images and allow users to identify the container based on the representative image depicting the container. Further, each container can be represented by a poster frame and the poster frames representing containers can be arranged within the user interface to indicate the chronological order in which the images were taken.
- the poster frames can be wrapped within the viewable area of the user interface to avoid horizontal scrolling within the user interface to access poster frames.
- the images within a poster frames can be viewed by placing a cursor on a display device operated by a pointing device, such as a mouse, at a desired position on a poster frames representing the container.
- a pointing device such as a mouse
- Multiple images in a container can be scanned by moving the cursor across the poster frames representing the container.
- FIG. 1A is an example of a schematic of a user interface to display containers containing images.
- FIG. 1B is an example of a schematic of a first image in a container corresponding to a first position of a cursor.
- FIG. 1C is an example of a schematic of a second image in a container corresponding to a second position of a cursor.
- FIG. 1D is an example of a schematic of a third image in a container corresponding to a third position of a cursor.
- FIG. 1E is an example of a schematic of a fourth image in a container corresponding to a fourth position of a cursor.
- FIG. 1F is an example of a schematic of a fifth image in a container corresponding to a fifth position of a cursor.
- FIG. 2A is an example of a schematic of boundaries between containers.
- FIG. 2B is an example of a schematic of boundaries between containers.
- FIG. 2C is an example of a schematic of boundaries between containers.
- FIG. 3 is a flow chart of an example of a method of arranging poster frames in a view pane.
- FIG. 4 is a flow chart of an example of a method of previewing images in a container represented by a poster frame.
- FIG. 5 is an example of contents of a container displayed in an overview mode.
- FIGS. 6A-6D are examples of containers and corresponding magnifying frames.
- FIG. 7 is an example of a magnifying frame displaying a selection tool.
- FIGS. 8A and 8B are examples of displays of a container depending on cursor position on the poster frame representing the container.
- FIG. 9 is a flow chart of an example of a method for displaying containers and corresponding magnifying frames.
- FIG. 10 is a flow chart of an example of a method for enabling a user to select an image displayed in a magnifying frame.
- FIG. 11 is a flow chart of an example of a method for altering the display of a container based on cursor position in the container.
- FIG. 1A depicts an example of a user interface 100 to display containers of images.
- An image can include digitized and/or digital photographs.
- an image can also include any electronic image regardless of how it was generated, e.g., a CAD drawing, a scanned hand drawing, and the like.
- the user interface 100 includes a view pane 105 .
- the view pane 105 includes one or more poster frames 110 , where each poster frame 110 represents a container containing one or more images.
- an view pane 105 serves as a background on which poster frames 110 can be positioned.
- the view pane 105 can be assigned a display parameter, e.g., a color. Alternatively, a user can alter the display parameter of the view pane 105 .
- a poster frame 110 has a horizontal dimension and a vertical dimension. All poster frames 110 can be displayed in a landscape orientation, namely with the horizontal dimension greater than the vertical dimension. In other implementations, all poster frames 110 can be displayed in a portrait orientation. In addition, a user can alter the orientation of the poster frames 110 , either individually or collectively. In other implementations, a user can crop the poster frames so that the poster frames are square in shape.
- the user interface 100 can include a project pane 115 .
- the project pane 115 can display metadata related to one or more of the poster frames 110 displayed in the view pane 105 . For example, the project pane 115 can display a list of the latest containers that were accessed using the application. In some implementations, when a user creates a new container, an icon indicating the new container can be displayed in the project pane 115 .
- the user interface 100 can include an information pane 120 .
- the information pane 120 can display metadata related to the most recently accessed poster frames 110 .
- the information pane 120 can display metadata related to the poster frame 110 currently being accessed.
- a poster frame 110 can display multiple images taken at several time instances.
- the information pane 120 can display information including the time stamps of the first and last images in the container represented by a poster frame 110 , the number of images in the container, the size of the container (e.g., in gigabytes), and the like.
- the user interface 100 can include a tool bar 125 .
- the tool bar 125 can include one or more user control buttons 130 .
- the user control buttons 130 can be configured to perform operations including rotate, scan, start slide show, and the like upon activation, e.g., clicking by a user.
- the tool bar 125 can also include a slider 135 configured to alter the dimensions of a poster frame based on input.
- the slider 135 can include a pointer 137 that can be moved. The position of a pointer 137 on the slider 135 can correspond to the dimensions of a poster frame 110 . A user can alter the position of the pointer 137 using the cursor on the display device.
- the user can move the pointer 137 on the slider 135 by placing the cursor on the pointer 137 , and dragging the pointer 137 .
- the dimensions of each poster frame 110 can be altered.
- a cursor can be represented by a conventional display 145 when positioned away from the poster frame 110 .
- the conventional display can include an arrow.
- a poster frame 110 can be represented by one of the images contained in the poster frame 110 .
- the first image in the container can be assigned to represent the poster frame 110 .
- any image in the container can be assigned to represent the poster frame 110 .
- a user can rate the images in a container. The ratings of the images can be tracked and the poster frame 110 can be represented by the image with the highest rating.
- the user interactions with a container can be tracked. For example, a user may view one or more images in a container more often than other images in the container. An image viewed more often than the others can be used to represent the poster frame 110 .
- a higher resolution image can be assigned to represent the container.
- a user can assign an image to represent a poster frame 110 .
- the image representing a poster frame 110 can change over time due to one or more factors including addition of new images, deletion of old images, frequency of viewing, and the like.
- the containers can be arranged in an order that can depend on factors including a name assigned to the container, a time stamp on the images in the container, and the like. Names can be assigned to containers by the cameras using which the images in the containers were taken. In a default implementation, the containers can be uploaded under the same name as that assigned to the containers by the cameras. The containers can be displayed chronologically in the order in which the images in the containers were taken based on the time stamp on each time image and/or each container. Alternatively, the containers can be displayed alphabetically based on the container names.
- the poster frames 110 can be arranged in an order beginning from a position substantially adjacent to the left vertical edge of the view pane 105 .
- the first poster frame 110 can be displayed substantially adjacent to the top left hand corner of the view pane 105 .
- a new poster frame 110 can be positioned to the right of a previously displayed poster frame 110 in the same row as the first poster frame 110 . In this manner, the poster frame 110 can be arranged from left to right in a row.
- the default horizontal and vertical dimensions of all the poster frame 110 can be pre-determined and can be uniform. In a default implementation, the assigned horizontal and vertical dimensions may correspond to a central location of the pointer 137 on the slider 135 . Two frames displayed on the same row can be separated by a pre-determined space.
- the sum of the horizontal dimensions of the poster frames 110 in a row and the spaces between the poster frames 110 in the row can exceed the available horizontal dimension of the view pane 105 . Consequently, a poster frame 110 can be positioned substantially adjacent to the right vertical edge of the view pane 105 . In such cases, the next poster frame 110 can be wrapped and displayed as the first poster frame 110 in a new row vertically displaced from the first row. The position of the first poster frame 110 in a new row can be substantially vertically aligned with that of the first poster frame 110 in the previous row.
- the space between rows can be pre-determined and uniform for all rows.
- multiple poster frames 110 can be arranged within the horizontal viewable region of a view pane 105 .
- the order of display of the poster frames 110 can correspond to an order in which the images in the corresponding containers were taken.
- the progression of time can correspond to the position of the poster frames 110 going from left to right in the horizontal direction and top to bottom in the vertical direction.
- a user may wish to alter the order of display of poster frames 110 in the view pane 105 .
- Such alterations can include adding a new poster frame 110 , removing, repositioning, resizing a displayed poster frame 110 , and the like.
- containers can be detected and uploaded in the view pane 105 .
- a file can be identified to be an image based on the file type, e.g., JPG, TIFF, GIF, DWG, and the like. All the detected containers can be displayed in the view pane 105 .
- a user can select the containers that the user wishes to display in the view pane 105 .
- uploading and displaying containers as poster frames 110 can be a combination of automatic detection and choices by a user.
- a user may wish to remove one or more poster frames 110 displayed in the view pane 105 .
- the 110 that the user wishes to remove may be adjacent to each other. Alternatively, the positions of the poster frames 110 may be non-adjacent to each other on a same row or on different rows.
- the poster frames 110 can be selected individually or as a group.
- the user can remove the poster frames 110 by pressing the “Delete” key on a key board.
- the user may drag the selected poster frames 110 and drop them into a location outside the view pane 105 (e.g., Trash, Recycle Bin).
- Trash, Recycle Bin e.g., Trash, Recycle Bin
- each row containing five poster frames 110 is displayed in a view pane and if a user deletes the fourth poster frame 110 in the first row, the fifth poster frame 110 can be repositioned in the first row to occupy the void created by the deleted frame. Further, the first poster frame 110 in the second row can be repositioned to the fifth poster frame 110 in the first row. In this manner, all poster frames 110 in a view pane 105 can be displayed as a continuous sequence.
- a user can change the position of a poster frame 110 in the view pane 105 .
- a user can select a poster frame 110 , drag the poster frame 110 from a present position and insert the poster frame 110 in a new position. Further, the position of all the poster frames 110 can be shifted either to the right, to a new row, or as required so that all poster frames 110 in a view pane are displayed as a continuous sequence.
- a vertical scroll bar 140 can be incorporated in the user interface 100 to permit vertical scrolling to view poster frames that lie outside the area of the view pane 105 .
- the contents of the view pane 105 can be vertically scrolled by placing a cursor on the vertical scroll bar 140 and dragging the bar.
- a key board can be used to vertically scroll the view pane 105 .
- a user can vertically scroll one or more rows by pressing a single key (e.g., arrow key) or a combination of keys (e.g., “command”+“home”, “command”+“end”, and the like).
- the user can pan the view pane 105 by placing the cursor anywhere on the view pane 105 and dragging the pane in a vertical direction.
- moving the slider 135 from left of the user interface 100 to the right of the user interface 100 can cause an increase in the dimensions of each poster frame 110 and vice versa.
- the horizontal and vertical dimensions of each poster frame 110 can be uniformly increased.
- the space between frames in the same row and between rows can also be uniformly increased to maintain the aesthetics of display and simplify viewing.
- the space between frames may be constant.
- the horizontal dimension of the row also increases.
- the horizontal dimension of the view pane 105 may be insufficient to display the poster frames 110 of larger dimensions in the same row. In such cases, the poster frame 110 on the right extreme of a row can be wrapped to the next row. All frames in the view pane 105 can be repositioned to accommodate the displaced frame while maintaining the order in which the poster frames 110 are displayed.
- Metadata related to each poster frame 110 can be displayed adjacent to each poster frame 110 , for example, in the space between two rows.
- the metadata can include, the name of the poster frame 110 which can be either a system default name or a user-defined name, a time stamp, the number of photos in the poster frame, and the like.
- the metadata corresponding to the poster frame 110 can also be deleted or repositioned, respectively.
- a poster frame 110 that corresponds to a container can include one or more images.
- the images in a container can be photographs that may have been taken over a period of time.
- the order in which cameras used to take photographs store the photographs can be chronological with the earliest taken photograph stored first.
- the order can be alphabetical, based on the file name assigned to each photograph.
- the photographs can be imported in an order same as the one in which the photographs are saved in the camera. Subsequently, the order in which the photographs are stored can be altered based on user input. Such alterations can include re-arranging the position of the photograph in the container, changing the name associated with a photograph and arranging the photographs alphabetically, and the like.
- the images in a container can be electronic images such as CAD drawings.
- the drawings can be assigned file names either automatically or based on user input.
- the drawings can be imported in an alphabetical order based on the assigned file name. Subsequently, the order can be altered by operations including altering the file name, re-arranging the position of the drawing, and the like.
- previewing the images contained in each poster frame 110 can be enabled.
- an image contained in the poster frame 110 can be displayed in place of the image assigned to represent the poster frame 110 .
- FIGS. 1B-1F depict examples of schematics of previewing images in poster frames 110 .
- an image contained in the poster frame 110 can be displayed in place of the image assigned to represent the poster frame 110 ( FIG. 1B ).
- the display of the cursor can be altered from the conventional display 145 to a specific display 150 .
- An order in which the images in a container are stored can be related to a position of the cursor on the poster frame 110 representing the container.
- the left edge of the poster frame 110 can correspond to the first image in the container.
- the right edge of the poster frame 110 can correspond to the last image in the container.
- the first image in the container can be displayed in place of the image assigned to represent the poster frame 110 .
- the last image can be displayed in the container in place of the image assigned to represent the poster frame 110 .
- the display of the poster frame 110 can be continuously updated with images from the beginning to the end of the container, such that the displayed image corresponds to the position of the cursor on the poster frame 110 . In this manner, by scanning the cursor across the poster frame 110 from left to right, the user can preview, from beginning to finish, all the images in the container represented by the poster frame 110 .
- the images in the container represented by the poster frame 110 can be previewed from the finish to the beginning.
- the images can be displayed within the bounded region of a poster frame such that the horizontal and vertical dimensions of the previewed image equal those of the poster frame 110 in place of which the image is displayed.
- the display of the poster frame 110 when the cursor is scanned across a poster frame 110 and moved away from the poster frame 110 , the display of the poster frame 110 can be restored to the image assigned to represent the poster frame 110 . In other implementations, the display of the poster frame 110 can be restored to the image assigned to represent the poster frame 110 depending on the position of the cursor on the poster frame. In other implementations, the user can be provided with an option to either preview images in a container represented by a poster frame by scanning over the poster frame or to only view the image assigned to represent the poster frame 110 when the cursor is scanned across the poster frame 110 . In other implementations, the most recent image in the poster frame 110 that was previewed by scanning can be displayed. In other implementations, a user can choose an image to represent a poster frame.
- the user may position the cursor at a location on the poster frame to preview the image in the poster frame.
- the user can set the previewed image to represent the poster frame by striking a key, e.g., “Command” key.
- the user can set the image to represent the poster frame using the pointing device to operate the cursor.
- a cursor can be operated using virtually any suitable pointing device (e.g., mouse, track ball, stylus, touch screen, touch pad).
- the images in the container can be previewed by a simply moving the cursor across the poster frame 110 using the pointing device without requiring additional operation, such as clicking a mouse at any position on the poster frame 110 representing the container.
- the display of the cursor can be altered from a conventional display (e.g., an arrow) to a specific display, e.g., an arrow including an image.
- a conventional display e.g., an arrow
- the display of the cursor can be automatically changed from the conventional display to the specific display. This can indicate that a poster frame 110 is being previewed.
- the specific display can be defined by the system.
- the specific display can be altered by the user.
- the user can have a database of displays. The user can use one of the displays as the specific display.
- the user can define a specific display for each poster frame.
- the user can define multiple displays for the same poster frame.
- the user can define a first specific display for a second group of poster frames and a second specific display for a second group of poster frames.
- a plurality of specific displays can be configured such that the specific display of the cursor is altered based on a relationship between the images being previewed.
- the specific display during preview, of images in a container that share a common attribute value, such as a date when the images were created, can be common.
- the relationship between images that share a common specific display can be pre-determined. Alternatively, the relationship can be specified by a user.
- the specific display and the conventional display can be simultaneously displayed when the cursor is positioned over a poster frame. When the cursor is moved away from the poster frame, only the conventional display can be displayed.
- FIG. 1A depicts a preview scroll bar.
- the preview scroll bar 155 can be incorporated into the poster frame 110 .
- the orientation of the preview scroll bar 155 can be horizontal.
- the horizontal preview scroll bar 155 can be positioned adjacent to the bottom edge of the poster frame 110 .
- the preview scroll bar 155 can be positioned within the bounded region of the poster frame 110 .
- the preview scroll bar can be positioned outside the bounded region of the poster frame 110 .
- the horizontal preview scroll bar can be positioned near the top edge either within or outside the bounded region of the poster frame 110 .
- the orientation of the preview scroll bar 155 can be vertical and the vertical scroll bar can be positioned either near the left edge or the right edge of the poster frame 110 , inside or outside the bounded region of the poster frame 110 , or combinations of the same.
- the preview scroll bar 155 can appear when the cursor is positioned over the poster frame 110 . When the cursor is moved away from the poster frame 110 , the preview scroll bar 155 can disappear. In other implementations, a preview scroll bar 155 can always be displayed. In other implementations, a preview scroll bar 155 can be displayed when the number of images in a container represented by the poster frame exceeds one.
- the preview scroll bar 155 can include a preview pointer 160 within the bounded region of the preview scroll bar 155 .
- a user can alter the position of a preview pointer 160 in the preview scroll bar 155 using the cursor operated by the suitable pointing device.
- the position of the preview pointer 160 in the preview scroll bar 155 can correspond to an image in the container such that as the position of the preview pointer 160 in the preview scroll bar 155 is altered, the image displayed in the bounded region of the poster frame 110 is also altered.
- the size of the preview pointer 160 in the preview scroll bar 155 can correspond to the number of images in the container represented by the poster frame 110 .
- a user can move the preview pointer 160 using the pointing device, e.g., by positioning the cursor over the preview pointer 160 , clicking a mouse, and dragging the preview pointer 160 .
- the preview pointer 160 As the preview pointer 160 is moved, an image in the container corresponding to the position of the preview pointer 160 can be displayed within the bounded region of the poster frame 110 . In this manner, the images in the container can be previewed.
- the scroll bar 155 can include advance tools 165 on the edges of the preview scroll bar 155 .
- the advance tools 165 on the edges of the preview scroll bar 155 can be configured to advance the images in the container.
- the scroll bar can be further configured to enable a user to step through the images in the container one at a time.
- each poster frame 110 can contain is limited only by available storage space.
- the dimensions of a poster frame 110 can remain constant regardless of the number of images in the container represented by the poster frame 110 .
- a physical space e.g., one or more pixels
- the physical space representing an image in a container containing few images may be larger when compared to that representing an image in a container containing several images. If the resolution of the cursor is less than the physical space representing an image, then the same image can be previewed by placing the cursor at multiple adjacent positions on the poster frame 110 .
- the first image can be previewed if the cursor is placed at any location on the left half of the poster frame 110 representing the container.
- the second image can be previewed if the cursor is placed at any location on the right half of the poster frame 110 representing the container.
- the smallest unit of physical space of the display device may be greater than the physical space required to represent an image. In such cases, if the resolution of the cursor is greater than the physical space representing an image, the physical space occupied by a cursor may span more than one image. Consequently, it may not be possible to preview all the images in the container when the cursor is scanned horizontally across the poster frame 110 representing the container.
- certain images in a container can be skipped if the resolution of the cursor is greater than the physical space representing each image in the container.
- one or more images can be skipped based on the order in which the images are stored. For example, when the cursor is moved by a distance equal to the resolution of the cursor (e.g., 1 pixel), two images may be skipped. In this example, as the cursor is moved from the left edge to the right edge of the poster frame 110 , the first, fourth, seventh image, and so on, may be displayed in place of the image assigned to represent the poster frame 110 .
- the size of the images can be used to skip images during previews.
- high resolution images are generally files of larger sizes. All the high resolution images in a container may be displayed during a preview. Low resolution images may be excluded from the preview.
- the previewed images can be those images that have a higher rating than other images in the container.
- a rounding algorithm can be used to choose photos that can either be included or excluded from the preview.
- the tool bar can include a zoom control button.
- the zoom control button can be used to increase the granularity of the poster frame.
- the zoom control button can be used to enlarge the poster frame.
- the physical space representing each image can be kept constant. In this manner, the physical space representing each image can be increased to either equal or be greater than the resolution of the cursor.
- the zoom control button can be activated by positioning the cursor over the zoom control button and clicking the mouse or other pointing device used to operate the cursor.
- the zoom control button can be activated by a key stroke on a key board.
- the speed at which a cursor is scanned across a poster frame 110 can be higher than the speed at which the display of images in a poster frames 110 can be updated. If the speed at which the cursor is scanned across a poster frame 110 is greater than a threshold, certain images can be displayed for a preview while other images can be skipped. The images chosen for display can be based on factors including a position of the image in the order of storage, size of the image, ratings of the image, and the like. In some implementations, if the speed at which the cursor is scanned is high, then no image in a container can be previewed.
- an image in a container can be chosen by placing the cursor over the poster frame representing the container and clicking the mouse.
- an image can be chosen by placing the cursor over the poster frame representing the container and selecting a key on a keyboard, e.g., the “Enter” key.
- a key on a keyboard e.g., the “Enter” key.
- successive images can subsequently be previewed using the keys on the key board. For example, the user can place a cursor on a poster frame 110 .
- an image in the container can be displayed corresponding to the location of the cursor in the poster frame 110 .
- keys on a key board e.g., arrow keys
- keys on a key board e.g., arrow keys
- the user can scan from the beginning of the container to the end of the container.
- the user can scan from the end to the beginning of the container using the left arrow key.
- any combination of keys can be used to scan successive photos in the container.
- keys and/or key sequences can be used to jump to the beginning or end of a container from anywhere in the container.
- Such keys can include the “Home” key, the “End” key, and the like.
- keys and key sequences can also be used to jump from one container to another, e.g., “Command”+“Home” key to jump to the first container, “Command”+“End” key to jump to the last container, tab key to jump from one container to the next, and the like.
- a user can split a container into multiple containers using a key stroke. For example, a user previewing the images in a container can place the cursor at any position on the container. Subsequently, the user can strike a key, e.g., “Command” key. In response, the container can be split into two containers, where each container can be represented by a poster frame. When a container represented by a poster frame 110 is split into two containers, each container represented by a respective poster frame 110 , the poster frames 110 in the view pane 105 can be re-positioned to accommodate the new poster frame 110 .
- a key stroke e.g., a user previewing the images in a container can place the cursor at any position on the container. Subsequently, the user can strike a key, e.g., “Command” key.
- the container can be split into two containers, where each container can be represented by a poster frame.
- each container represented by a respective poster frame 110 the poster frames 110 in the view pane
- Such re-positioning can include moving poster frames in the same row, moving a poster frame to a different row, creating a new row containing one or more poster frames, and the like. In this manner, the sequence in which the poster frames 110 are displayed can be retained.
- a new container can further be divided into two more containers.
- the number of containers into which one container can be divided can be specified by a user.
- the cursor can be positioned at a location on a first poster frame. An image corresponding to the location of the cursor can be displayed within the bounded region of the first poster frame.
- the first of the two split poster frames representing the first split container can include all the images from the start of the first container to the image that was being previewed.
- the second of the two containers can include the remainder of the photographs in the first container.
- each of the split containers can contain half the number of images of the first poster frame.
- each split containers can contain the same number of images.
- the number of images in each split container can be specified by the user.
- key words can be associated with poster frames 110 .
- all poster frames that represent containers containing photographs that were taken during a time frame can be associated with common key words.
- the poster frames can be identified based on the key words and poster frames 110 associated with the same key words can be manipulated as a group, e.g., displayed on an view pane, deleted, merged, and the like.
- a user can provide key words to poster frames 110 .
- a user may take photographs at an event that occurs at regular intervals of time, e.g., every week.
- a user may associate a name to the photographs taken during the event.
- the user can identify all containers represented by 110 using the name.
- the images may correspond to CAD drawings where groups of drawings represent different parts of a machine. A user may assign key words denoting a part of the machine to the images corresponding to the part.
- FIG. 2A is an example of images 205 in a poster frame 110 displayed on the view pane 105 .
- a user can view the images 205 in a container on the user interface 100 .
- the user can access the images 205 in a container by placing the cursor on a poster frame 110 representing the container and clicking the mouse used to control the cursor.
- the user can open the container by choosing the poster frame 110 representing the container and pressing keys on the key board, e.g., the “Enter” key.
- the images 205 contained in the poster frame 110 can be displayed in the view pane 105 .
- the images 205 in a poster frame 110 can be arranged such that the first image 205 in the container is positioned substantially adjacent to the top left corner of the view pane 105 .
- the second image 205 in the same row can be positioned to the right of the first image 205 with a system assigned space separating the two images 205 .
- Subsequent images 205 can be positioned in a similar manner.
- Each image 205 can be assigned a horizontal and a vertical dimension.
- the next image 205 in the container can be positioned as a first image 205 in a row vertically displaced from the first row, such that the first image 205 in the new row is substantially aligned with the first image 205 in the first row.
- all the images 205 in a container can be arranged in one or more rows, such that the order in which the images 205 are stored in the container corresponds to an order of display beginning from left to right and top to bottom.
- the order in which images 205 are stored in a container can be based on a chronological order in which the images 205 were taken.
- the order can be based on an alphabetical arrangement based on the file name assigned to each image 205 .
- a magnifying window can be positioned over the user interface such that when a user positions a cursor over an image, the image can be displayed in the magnifying window. In this manner, the user can preview the images in a container.
- the orientation of the images 205 depends on the orientation of the camera used to take the photographs 205 (e.g., landscape or portrait).
- the horizontal and vertical dimensions of an image 205 in landscape orientation can equal the horizontal and vertical dimensions of a poster frame 110 displayed in a landscape orientation in the view pane 105 .
- the horizontal and vertical dimensions of an image 205 in portrait orientation can equal the vertical and horizontal dimensions of a poster frame 110 , respectively, displayed in the view pane 105 .
- the space separating two adjacent images 205 can equal the space separating two adjacent poster frames 110 .
- the space separating two rows of images 205 can equal the space separating two rows of poster frames 110 .
- Images 205 displayed in a row can be in either landscape orientation or portrait orientation.
- the bottom edges of all the images 205 in a row can be aligned.
- the top edge of the images 205 in the row may or may not be aligned depending upon the orientations of the images 205 positioned in that row.
- the top edges of all the images 205 in a row can be aligned.
- the number of images 205 in a container displayed across one or more rows may exceed the vertical dimension of the view pane 105 .
- a vertical scroll bar can be incorporated in the user interface 100 so the user can scroll the view pane 105 to access images 205 that are positioned outside the viewing area of the view pane 105 .
- a user can use either the pointing device (e.g., mouse, track ball, stylus, touch pad, touch screen, near contact screen) that controls the cursor, a key board, or a combination of both to operate the vertical scroll bar and scroll the view pane 105 .
- the images 205 contained in the poster frame 110 can be displayed in the order in which they are stored. The order can be based on the time when each image 205 was taken.
- one or more images 205 in a container can be compared and boundaries 215 within a container can be recommended.
- the chronological order in which the images 205 in the container were taken can be compared. For example, a user may have taken a group of photographs 205 on a first day. Subsequently, the user may have taken a second group of photographs 205 on a second day. The user may upload both groups of photographs 205 simultaneously. Initially, both groups of photographs 205 may be displayed as belonging to the same container. The time stamp on the photographs 205 may be compared and a recommendation may be presented to split the container into two groups, the first group containing the photographs 205 taken on the first day and the second group containing the photographs 205 taken on the second day.
- the images 205 in a container may be compared based on the content of the images 205 .
- a container may contain a first group of images 205 containing a blue background and a second group of images 205 containing a green background.
- the backgrounds of the images 205 can be compared, the images 205 of the common content (e.g., background) can be grouped, and a recommendation may be presented that the images 205 in the two groups may belong to separate containers.
- one or more combinations of content of images 205 and metadata associated with the images 205 can be used in making comparisons.
- the recommendation to split a container into two groups can be presented by altering a display of the portion of the view pane 105 on which the thumbnails, representing the images 205 identified as belonging to the same group, are positioned.
- FIG. 2A depicts an example where, upon comparing the images 205 in a container displayed on the view pane 105 , a first group of images 205 (depicted by “I,” in FIG. 2A ) and a second group of images 205 (depicted by “II,” in FIG. 2A ) are identified.
- the display of the portion of the view pane 105 on which the images 205 of group I are positioned can be changed to a background 200 .
- the display of the portion of the view pane 105 on which the images 205 of group II are positioned can be changed to a background 210 .
- the two groups can be separated by a boundary 215 .
- images 205 in a container can belong to multiple groups.
- the display of the view pane 105 can be changed such that images 205 identified as belonging to the same group have a common background, regardless of the number of groups. Images 205 identified as belonging to the same group can be adjacently positioned in the same row or separately on the same or different rows.
- a user in addition to providing a recommendation to split a container into two or more containers based on view pane 105 display, a user can be provided with mechanisms to accept or reject the recommendations or, alternatively, make user-modifications to the groups in a container.
- an “OK” button can be displayed at the boundary.
- a user can accept the boundary by positioning the cursor on the “OK” button and clicking the mouse configured to operate the cursor.
- a merge icon 220 e.g., a “+” sign
- the two groups separated by the boundary 215 can be merged into the same group.
- the background display of the view pane 105 for the two groups can be changed to be uniform.
- FIG. 2B is an example of images 205 in a poster frame 110 displayed on the view pane 105 .
- a change boundary icon 225 can be presented.
- An boundary 215 can be positioned between a last image 205 of a first group and a first image 205 of the last group.
- a user can drag the change boundary icon 225 from a current position between two images 205 to a new position between any two images 205 .
- the new position of the change boundary icon 225 can be either on the same row as or a different row from that of the current position.
- the two images 205 between which the boundary 215 is positioned can either be positioned adjacent to each other on the same row or be the last image 205 of a first row and the first image 205 of a subsequent, vertically displaced row. Subsequent to moving a change boundary icon 225 to a desired position, a user can split a container into two groups of images 205 .
- FIG. 2C is an example of images 205 in a poster frame 110 displayed on the view pane 105 .
- the user can choose an boundary 215 within a container or within a group in a container.
- a split icon 230 e.g., a “x” sign
- the two images 205 can either be positioned adjacent to each other in the same row or be the last image 205 in a first row and the first image 205 in a subsequent, vertically displaced row.
- a boundary 215 can be created between the two images 205 where the split icon 230 was positioned.
- the images 205 from the beginning of the container to the first image 205 can be grouped to create a first container.
- the images 205 from the second image 205 to the end of the container can be grouped to create a second container.
- a view pane 105 displaying poster frames 110 representing containers is displayed, what was originally one poster frame 110 can be displayed as two poster frames 110 , each poster frame 110 representing a container containing images 205 of the first and second groups, respectively.
- one or more boundaries 215 may already be identified in a container.
- the user can specify a boundary 215 between two images 205 in a group by positioning and clicking the split icon 230 between two images 205 in the group.
- a first group including the images 205 beginning from the first image 205 of the group to the first of the two images 205 between which the user specified a boundary 215 can be created.
- a second group including the images 205 beginning from the second of the two images 205 between which the user specified boundary 215 to the last image 205 of the group can be created.
- a user can drag an image 205 from one group and include the image 205 in another group.
- the user can drag the images 205 across boundaries 215 by operations including drag and drop using the pointing device used to operate the cursor, cut and paste using the key board, or combinations of the pointing device and the keyboard. In this manner, a user can split images 205 in a container into one or more containers.
- FIG. 3 is a flow chart showing an example of a method for arranging poster frames 110 in a view pane 105 .
- a view pane 105 can be displayed in a user interface 100 at 300 .
- a plurality of poster frames 110 can be displayed within the view pane 105 at 305 .
- the poster frames 110 can represent containers that include images.
- the first poster frame 110 can be positioned substantially adjacent to the left edge of the view pane at 310 . In some implementations, the position of the first poster frame 110 can be substantially adjacent to the corner of the left and top edges of the view pane 105 .
- a subsequent poster frame 110 can be arranged substantially adjacent to the first poster frame in the first row at 315 .
- the subsequent frame 110 can be positioned to the right of the first poster frame 110 in the first row and can be separated from the first poster frame 110 by a pre-defined space. As subsequent frames 110 are arranged in the first row, it can be checked if a poster frame 110 is positioned next to the right edge of the view pane 105 at 320 . If the poster frame 110 is not positioned substantially adjacent to the right edge of the view pane 105 , then the poster frames 110 can continue to be arranged in the first row of the view pane 105 . Otherwise, a subsequent poster frame 110 can be arranged in a second row vertically displaced from the first row at 325 . The poster frame 110 in the second row can be positioned substantially vertically aligned with the first poster frame 110 in the first row. In this manner, poster frames 110 can be arranged for display in the view pane 110 .
- the cursor can be positioned at any location on the poster frame 110 for an image to be displayed in the bounded region of the poster frame 110 . Subsequently, the position of the cursor may be altered. If it is determined that a cursor has moved to a new position ( 410 ), the poster frame can be updated to display a new image corresponding to the new position at 415 . Otherwise, the image corresponding to the current position of the cursor can continue to be displayed in the bounded region of the poster frame 110 .
- FIG. 5 depicts an example of images in a container displayed in an overview mode.
- the view pane can display an overview of the images in the container.
- the overview mode can display one or more images 500 in the container, but not all the photographs in the container.
- the images 500 displayed in the overview mode can be chosen based on factors including one or more of the size of the image, the ratings of the image, user specification, and the like.
- the overview mode can display one, more, or all the high resolution images in the container.
- the overview mode can display a photo display tool. The user can view all the images in the container by clicking on the photo display tool.
- the photo display tool can be positioned over one of the images in the overview mode. In other implementations, the photo display tool can be positioned away from the images in the overview mode.
- FIGS. 6A-6D depict examples of images in a container displayed in a magnifying frame, where the magnifying frame is displayed adjacent to the poster frame representing the container.
- the container including images can be represented by a poster frame 605 displayed within a view pane.
- a magnifying frame 610 can be displayed adjacent to the container.
- the dimensions of the magnifying frame 610 can be larger than those of the poster frame 605 representing the container.
- the image displayed in the poster frame 605 can also be displayed in the magnifying frame 610 .
- the container represented by poster frame 605 can include images 1 - 4 .
- image 1 can be displayed in poster frame 605 and in the magnifying frame 610 .
- image 2 can be displayed in poster frame 605 and in the magnifying frame 610 .
- the cursor is re-positioned to other positions on the poster frame 605 , e.g., position 3 in FIG. 6C and position 4 in FIG.
- images 3 and 4 can be displayed in the poster frame 605 and in the magnifying frame 610 , respectively. Because the dimensions of the magnifying frame 610 are larger than those of the corresponding poster frame 605 , the magnifying frame 610 can enable the user to preview a physically larger image than can be previewed in the poster frame 605 . In some implementations, the magnifying frame 610 can be displayed in response to a user clicking the mouse after positioning the cursor 615 over the poster frame 605 .
- the user can cause the magnifying frame 610 to be hidden from display and preview the images only in the poster frame 605 .
- the magnifying frame corresponding to the first poster frame can be hidden.
- a magnifying frame corresponding to the second poster frame can be displayed adjacent to the second poster frame.
- the magnifying frame corresponding to the first poster frame can be displayed without requiring the user to select the first poster frame again.
- the user can cause a magnifying frame corresponding to the first poster frame to be displayed and move the cursor away from the first poster frame. This movement of the cursor away from the first poster frame can cause the corresponding magnifying frame to be hidden from display. Subsequently, to display the magnifying frame corresponding to the first poster frame, the user can select the first poster frame, e.g., click the mouse upon positioning the cursor over the first poster frame, to cause the corresponding magnifying frame to be displayed.
- FIG. 7 depicts an example of a magnifying frame displaying a selection tool to enable a user to select an image displayed in the magnifying frame.
- the container including images can be represented by a poster frame 705 .
- the user can position a cursor 710 over the poster frame 705 and select the poster frame 705 causing a magnifying frame 715 to be displayed adjacent to the poster frame 705 .
- an image in the container corresponding to the position of the cursor, can be displayed in the poster frame 705 .
- the image displayed in the poster frame 705 can also be displayed in the magnifying frame 715 .
- a new image corresponding to the new position of the cursor 710 can be displayed both in the poster frame 705 and in the magnifying frame 715 .
- a selection tool 720 can be displayed within the region bounded by the magnifying frame 720 .
- the selection tool 720 can be configured such that when a user selects the selection tool 720 , e.g., by positioning the cursor over and clicking on the selection tool 720 , the image displayed in the magnifying frame 715 can be selected, e.g., marked.
- the user can move the cursor 710 to different positions on the poster frame 705 representing the container, preview images corresponding to each of the different positions, and mark one or more of the previewed images by selecting the selection tool 720 .
- the user can mark several images.
- the user can filter the images in the container to group only the images marked using the selection tool 720 .
- the user can filter the images to group those images not marked using the selection tool 720 .
- the selection tool 720 can be positioned adjacent to the magnifying frame 715 .
- a menu can be displayed adjacent to the cursor 710 in response to user input, e.g., click of a mouse button.
- the menu can include a “Select” option.
- the user clicks on the “Select” option the image in the magnifying frame 715 can be selected.
- the user can move the cursor 710 to a second position, display the menu and select another image. In this manner, the user can select one or more images using the “Select” option on a menu displayed adjacent to the cursor 710 over a poster frame 705 .
- the selection tool 720 can be displayed when the magnifying frame 715 is displayed.
- the selection tool 720 can be displayed in response to a user invoking the selection tool 720 .
- the magnifying frame 715 can be configured such that when the magnifying frame 715 is selected, e.g., by positioning the cursor 710 over the magnifying frame and clicking the pointing device controlling the cursor 710 , the selection tool 720 can be displayed.
- FIGS. 8A and 8B depict schematics of examples of poster frames depending on cursor position on the poster frame.
- a poster frame 805 representing a container including images can be displayed in a user interface on a display device.
- a magnifying frame 810 corresponding to a poster frame 805 can be displayed on the display device when the user positions the cursor 815 over the poster frame 805 and selects the poster frame 805 , e.g., clicks the pointing device, such as a mouse, used to control the cursor 815 .
- the user can also use the pointing device controlling the cursor 815 to access the images in the container represented by the poster frame 805 .
- the user can select the poster frame 805 , e.g., by positioning the cursor 815 over the poster frame 805 and clicking the pointing device controlling the cursor 815 .
- the poster frame can be divided into two portions and each portion can be associated with a selection operation.
- the poster frame 805 can be divided into two portions by a horizontal demarcation line 820 .
- the division of the poster frame 805 into two portions can occur when the user selects the poster frame 805 to display the corresponding magnifying frame 810 .
- the demarcation line 820 can divide the poster frame 805 such that the portion above the demarcation line 820 constitutes a larger portion of the poster frame 805 relative to the portion below the demarcation line 820 .
- the portion above the demarcation line 820 can constitute two-thirds of the area of the region bounded by the poster frame 805 .
- the demarcation line 820 can divide the poster frame 805 into halves.
- the demarcation line 820 can be invisible to a user.
- the demarcation line 820 can be displayed over the poster frame 805 .
- an image corresponding to the position of the cursor 815 can be displayed in, both, the poster frame 805 and the magnifying frame 810 .
- the image in the poster frame 805 and in the magnifying frame 810 can be updated to display a new image corresponding to the new position of the cursor 815 .
- the portion of the poster frame 805 above the demarcation line 820 can be designated for previewing images in the container represented by the poster frame 805 .
- a grid can be displayed in the entire region bounded by the poster frame 805 .
- the display of the grid can be a visual cue indicating that a selection of the poster frame 805 , using the pointing device controlling the cursor 815 , will enable access to the images in the container represented by the poster frame 805 .
- the user selects the poster frame 805 , e.g., clicks the pointing device controlling the cursor 815 , the user can access the images in the container represented by the poster frame 805 .
- the images in the container can be displayed on the display device.
- the grid can include several rectangular regions, where each rectangular region displays an image in the container.
- the grid can be generated such that the number of rectangular regions equals the number of images in the container.
- the number of rectangular regions can be fixed and one or more rectangular regions can be empty if the number of images in the container is less than the number of rectangular regions in the grid.
- not all images in the container can be displayed in the grid.
- the user can position the cursor 815 over a portion of the poster frame 805 to preview the images in the container represented by the poster frame 805 .
- the user can alter the position of the cursor 805 to a second portion of the poster frame 805 causing a grid to be displayed indicating that the user can select the poster frame 805 to access the images in the container.
- the poster frame can be configured such that moving the cursor in a vertical direction can cause an updating of the images in the region occupied by the poster frame.
- the demarcation line 820 can be vertical such that positioning the cursor to the left of the demarcation line 820 can enable previewing the images in the container in the poster frame and the magnifying frame, while positioning the cursor to the right of the demarcation line can cause a grid to be displayed in the poster frame, indicating to the user that the poster frame can be selected to access the images in the container.
- FIG. 9 depicts a flow chart of an example of a method for displaying a magnifying frame corresponding to a poster frame representing a container including images.
- the poster frame can be displayed in a user interface which, in turn, can be displayed in a display device.
- a cursor controlled by a pointing device, e.g., a mouse, can be displayed in the display device.
- a user can position the cursor over the poster frame.
- the position of the cursor within a poster frame can be determined at 905 .
- An image corresponding to the cursor position can be displayed within the region bounded by the poster frame at 910 .
- a user can position the cursor over a poster frame and select the poster frame, e.g., by clicking the mouse controlling the cursor.
- the selection of the poster frame can be detected at 915 .
- a new poster frame representing a magnifying frame
- the image, corresponding to the cursor position, displayed in the poster frame can be displayed within the bounded region of the new poster frame at 925 .
- a user can move the cursor to a new position in the poster frame.
- the movement of the cursor to a new position in the poster frame can be detected at 930 .
- a new image, corresponding to the new position of the cursor can be displayed in the region bounded by the poster frame.
- the new image can be displayed within the region bounded by the new poster frame at 935 .
- the images displayed in the poster frame and the new poster frame are also updated, thereby enabling a user to preview the images in the container represented by the poster frame.
- the dimensions of the new poster frame can be larger than those of the poster frame, thereby providing a magnified view of each previewed image.
- FIG. 10 depicts a flow chart of an example of a method for enabling a user to select an image displayed in a new frame, e.g., a magnifying frame.
- the poster frame can be displayed in a user interface which, in turn, can be displayed in a display device.
- a cursor controlled by a pointing device, e.g., a mouse, can be displayed in the display device.
- a user can position the cursor over the poster frame.
- the position of the cursor within a poster frame can be determined at 1005 .
- An image corresponding to the cursor position can be displayed within the region bounded by the poster frame at 1010 .
- a user can position the cursor over a poster frame and select the poster frame, e.g., by clicking the mouse controlling the cursor.
- the selection of the poster frame can be detected at 1015 .
- a new poster frame representing a magnifying frame
- the image, corresponding to the cursor position, displayed in the poster frame can be displayed within the bounded region of the new poster frame at 1025 .
- the image displayed within the new poster frame can be selected.
- the new poster frame can be the magnifying frame and a selection tool can be positioned within the magnifying frame. The user can select the selection tool, e.g., by positioning the cursor over the selection tool and clicking the pointing device.
- the selection of the selection tool can cause the image displayed in the magnifying frame to be selected. In this manner, an image displayed in the magnifying frame can be marked.
- the selection of the image displayed in the new poster frame can be detected at 1030 . Subsequently, the user can move the cursor to a new position on the poster frame. This change in position can cause a new image to be displayed in, both, the poster frame and in the new poster frame. Further, the user can select the new image in the new poster frame by, e.g., selecting the selection tool. In this manner, the user can select one or more images displayed in the new poster frame and mark the one or more images.
- the user can be enabled to select the image displayed in the new poster frame at 1035 .
- the user can group the marked images and perform operations on the group such as filtering the container to display only the images in the group, filtering the container to display images other than the images in the group, transfer the grouped images to a location, edit the grouped images, and the like.
- FIG. 11 depicts a flow chart of an example of a method for altering the display of a container based on cursor position on a portion of a poster frame representing the container.
- the poster frame can be displayed in a user interface which, in turn, can be displayed in a display device.
- a cursor controlled by a pointing device, e.g., a mouse, can be displayed in the display device.
- a user can position the cursor over the poster frame.
- the position of the cursor within a poster frame can be determined at 1105 .
- An image corresponding to the cursor position can be displayed within the region bounded by the poster frame at 1110 .
- a user can position the cursor over a poster frame and select the poster frame, e.g., by clicking the mouse controlling the cursor.
- the selection of the poster frame can be detected at 1115 .
- a new poster frame representing a magnifying frame, can be displayed adjacent to the poster frame at 1120 .
- the image, corresponding to the cursor position, displayed in the poster frame can be displayed within the bounded region of the new poster frame at 1125 .
- the user can select the poster frame to display the new poster frame by positioning the cursor on the poster frame and clicking the mouse.
- the user can select the poster frame to access the images in the container represented by the poster frame.
- the user can position the cursor on the poster frame and select the poster frame, causing the images in the poster frame to be displayed in the display device.
- the clicking of the mouse is configured to cause the display of the new poster frame to enable previewing the images in the poster frame and in the new poster frame.
- the poster frame can be divided into two portions.
- the two portions can be divided by a demarcation line which may or may not be displayed on the poster frame.
- the two portions can be of the same size or of different sizes.
- the first portion of the poster frame that is configured to enable previewing the images in the poster frame and the new poster frame can be two-thirds the size of the poster frame while the second portion configured to enable accessing the images in the container can be one-thirds the size of the poster frame.
- the user can position the cursor over one of the two portions into which the poster frame is divided.
- a check can be performed to determine if the new position of the cursor is on the first or the second portion at 1135 . If the new position is on the first portion, then an image corresponding to the new position can be displayed in the poster frame at 1140 . In addition, the image corresponding to the new position can be displayed in the new poster frame. If the new position is on the second portion of the poster frame, then a grid can be displayed in the poster frame at 1145 .
- the display of the grid can be a visual cue that accessing the images in the container represented by the poster frame is possible. Subsequently, selecting the poster frame to access images in the album represented by the poster frame can be enabled at 1150 .
- the grid displayed in the poster frame can be divided into a number of rectangular regions equal to the number of images in the container.
- the grid can be divided into a fixed number of rectangular regions and the images in the container can be displayed in all or fewer than all the rectangular regions in the grid.
- Implementations of the subject matter and the functional operations described in this specification can be implemented in digital electronic circuitry, or in computer software, firmware, or hardware, including the structures disclosed in this specification and their structural equivalents, or in combinations of one or more of them. Implementations of the subject matter described in this specification can be implemented as one or more computer program products, i.e., one or more modules of computer program instructions encoded on a computer-readable medium for execution by, or to control the operation of, data processing apparatus.
- the computer-readable medium can be a machine-readable storage device, a machine-readable storage substrate, a memory device, or a combination of one or more of them.
- data processing apparatus encompasses all apparatus, devices, and machines for processing data, including by way of example a programmable processor, a computer, or multiple processors or computers.
- the apparatus can include, in addition to hardware, code that creates an execution environment for the computer program in question, e.g., code that constitutes processor firmware, a protocol stack, a database management system, an operating system, or a combination of one or more of them.
- a propagated signal is an artificially generated signal, e.g., a machine-generated electrical, optical, or electromagnetic signal, that is generated to encode information for transmission to suitable receiver apparatus.
- a computer program (also known as a program, software, software application, script, or code) can be written in any form of programming language, including compiled or interpreted languages, and it can be deployed in any form, including as a stand-alone program or as a module, component, subroutine, or other unit suitable for use in a computing environment.
- a computer program does not necessarily correspond to a file in a file system.
- a program can be stored in a portion of a file that holds other programs or data (e.g., one or more scripts stored in a markup language document), in a single file dedicated to the program in question, or in multiple coordinated files (e.g., files that store one or more modules, sub-programs, or portions of code).
- a computer program can be deployed to be executed on one computer or on multiple computers that are located at one site or distributed across multiple sites and interconnected by a communication network.
- the processes and logic flows described in this specification can be performed by one or more programmable processors executing one or more computer programs to perform functions by operating on input data and generating output.
- the processes and logic flows can also be performed by, and apparatus can also be implemented as, special purpose logic circuitry, e.g., an FPGA (field programmable gate array) or an ASIC (application-specific integrated circuit).
- processors suitable for the execution of a computer program include, by way of example, both general and special purpose microprocessors, and any one or more processors of any kind of digital computer.
- a processor will receive instructions and data from a read-only memory or a random access memory or both.
- the essential elements of a computer are a processor for performing instructions and one or more memory devices for storing instructions and data.
- a computer will also include, or be operatively coupled to receive data from or transfer data to, or both, one or more mass storage devices for storing data, e.g., magnetic, magneto-optical disks, or optical disks.
- mass storage devices for storing data, e.g., magnetic, magneto-optical disks, or optical disks.
- a computer need not have such devices.
- a computer can be embedded in another device, e.g., a mobile telephone, a personal digital assistant (PDA), a mobile audio player, a Global Positioning System (GPS) receiver, to name just a few.
- Computer-readable media suitable for storing computer program instructions and data include all forms of non-volatile memory, media and memory devices, including by way of example semiconductor memory devices, e.g., EPROM, EEPROM, and flash memory devices; magnetic disks, e.g., internal hard disks or removable disks; magneto-optical disks; and CD-ROM and DVD-ROM disks.
- the processor and the memory can be supplemented by, or incorporated in, special purpose logic circuitry.
- implementations of the subject matter described in this specification can be implemented on a computer having a display device, e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor, for displaying information to the user and a keyboard and a pointing device, e.g., a mouse or a trackball, by which the user can provide input to the computer.
- a display device e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor
- keyboard and a pointing device e.g., a mouse or a trackball
- Other kinds of devices can be used to provide for interaction with a user as well; for example, feedback provided to the user can be any form of sensory feedback, e.g., visual feedback, auditory feedback, or tactile feedback; and input from the user can be received in any form, including acoustic, speech, near-touch input, or tactile input.
- Implementations of the subject matter described in this specification can be implemented in a computing system that includes a back-end component, e.g., as a data server, or that includes a middleware component, e.g., an application server, or that includes a front-end component, e.g., a client computer having a graphical user interface or a Web browser through which a user can interact with an implementation of the subject matter described is this specification, or any combination of one or more such back-end, middleware, or front-end components.
- the components of the system can be interconnected by any form or medium of digital data communication, e.g., a communication network. Examples of communication networks include a local area network (“LAN”) and a wide area network (“WAN”), e.g., the Internet.
- LAN local area network
- WAN wide area network
- the computing system can include clients and servers.
- a client and server are generally remote from each other and typically interact through a communication network.
- the relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other.
- thumbnails representing frames e.g., poster frames 110 , thumbnails representing images 205
- the horizontal dimension of a row of thumbnails can be decreased.
- thumbnails from one row can be repositioned to another row so that the horizontal dimension of the rows equals the horizontal dimension of the view pane 105 .
- each thumbnail can be retained in the same position on the row.
- moving the pointer 137 on the slider 135 to the right can cause an increase in the dimensions of the thumbnails.
- each thumbnail e.g., poster frame, thumbnail representing an image 205
- a navigation mechanism may be incorporated into the tool bar 125 so that a user may navigate to access the thumbnails on the view pane 105 .
- the user can view each image 205 in a container in the view pane 105 by choosing the image 205 .
- the remainder of the images 205 in the container can be displayed as thumbnails in an additional pane above the view pane 105 .
- the user can choose the next image 205 that the user wishes to view from the additional pane displayed above the view pane 105 .
- the two dimensional time line may correspond to a vertical positioning of thumbnails.
- the poster frames 110 can be arranged vertically in columns. When the sum of the vertical dimensions of the poster frames 110 and the spaces between the frames exceeds the vertical dimension of the view pane 105 , subsequent poster frames can be positioned in a new, horizontally displaced column. The first poster frame 110 of the new column can be substantially vertically aligned with the first poster frame 110 of the previous column. In this manner, vertical scrolling to access poster frames outside the viewing area of the view pane 105 can be avoided.
- a horizontal scroll bar can be incorporated in the user interface 100 to allow the user to navigate to access columns of thumbnails 110 that may lie outside the viewing area of the view pane 105 .
- thumbnails representing images 205 can also be displayed in columns.
- the horizontal or vertical display of poster frames and/or images 205 can be based on user input.
- two or more poster frames 110 displayed on the view pane 105 can be merged.
- two images 205 positioned consecutively in the container represented by the poster frame 110 can be displayed on the frame such that the first of the two images 205 is displayed on the left half of the poster frame 110 and the second image 205 is displayed on the right half.
- the user can create boundaries 215 between the two images 205 .
- a container can be split into two containers, such that the first split container contains images 205 beginning from the start of the container to the first image 205 , while the second split container contains images 205 from the second image 205 to the end of the container. Subsequently, each split container can be represented by a separate poster frame 110 .
- each container can be represented by more than one frame.
- a second slider 135 may be incorporated in the tool bar 125 and operatively coupled to change the number of poster frames 110 used to represent a container. For example, a user may position the slider 135 such that a poster frame 110 is represented by two frames. In such cases, when the user positions the cursor over one of the two frames 110 , a first image 205 corresponding to the position of the cursor on the poster frame 110 can be displayed on the first poster frame 110 . An image 205 adjacent to the displayed image 205 can be displayed on the second poster frame 110 . Based on the display, the user can create boundaries 215 between two images 205 .
- a user can create a new container while previewing a container by scanning the cursor across the poster frame 110 .
- an icon representing a new container can be displayed on the project pane 115 .
- an image 205 corresponding to the position of the cursor on the poster frame 110 can be displayed.
- the user can include the image 205 in the new container by operations including drag and drop using the pointing device, copy and paste using the keyboard, or combinations of pointing device and keyboard operations. In this manner, the user can create one or more containers of images 205 chosen from different containers represented by poster frames 110 on the view pane 105 .
- the dimensions of the user interface 100 can be altered based on user input using a pointing device to operate a cursor, a keyboard, or both. In some implementations, altering the dimensions of the user interface 100 causes the dimensions of the thumbnails in the view pane 105 in the user interface 100 to be changed. In other implementations, despite a change in the dimensions of the user interface 100 , the dimensions of the thumbnails remains unaltered.
- a view pane 105 may represent folders containing files.
- metadata associated with the document in the folder e.g., file name, date of creation, last date of editing, and the like
- each poster frame 110 can represent a document, e.g., a text document.
- each page in the document can be displayed on the poster frame 110 . In this manner, a user may be able to preview the contends of the text document.
- the file can be a Adobe PDF file and each page on the PDF file can be displayed on the poster frame, the file can be a Microsoft Power Point file and each slide in the Power Point file can be displayed on the poster frame, the file can be a Microsoft Excel file and each spreadsheet in the Excel file can be displayed on the poster frame, and the like.
- the user interface including the view pane and the poster frames representing containers of images can be viewed on virtually any suitable display device connected to the storage device on which the images are stored.
- the display device can include a computer monitor, an LCD screen, a projection screen, and the like.
- the user interface and the images can be transmitted over a network (e.g., wired, wireless, internet, and the like) for display on a remote display device.
- the images to be viewed can be stored locally and can be viewed from a remote location.
- a system in the remote location can be operatively coupled to the local system to communicate over a network, e.g., the internet.
- the local system can be a server where the images can be stored and the user interface and other features of the user interface can be installed.
- the remote system can be a computer connected to the internet.
- a user at the remote system can enter a uniform resource locator (URL) pointing to the server in a web browser.
- the local system can present the remote system with the user interface.
- a user in the remote location can preview images.
- the images may reside on the local system.
- a user at the remote system can preview the images in the local system.
- the user at the remote system can preview images stored in the remote system using the user interface transmitted to the remote system from the local system over the network.
- a first user at a first remote location can perform operations including previewing images in the local or first remote system, creating containers of images, and the like, and subsequently transmit the containers with images to the local system.
- a second user wishing to view the images created by the first user can establish a connection with the local system.
- the local system can transmit the user interface to the second user.
- the second user at the second remote location can view the contents of the containers created by the first user.
- the first user can transmit the containers containing images to the second user.
- the second user can access the user interface in the local system to view the images in the containers stored in the second user's remote system.
- the second user can access the images stored in the first user's system and preview the images using the user interface transmitted to the second user from the local system. In this manner, images stored in one location can be viewed and manipulated at a different location.
- the magnifying frame can be positioned over the poster frame representing the container including images. For example, when the user positions a cursor over a poster frame representing a container and selects the poster frame, the magnifying frame can be displayed over the poster frame. This can enable a user to preview the images in the container in the magnifying frame.
- the magnifying frame can be configured such that a portion of the magnifying frame can correspond to one of more images in the container. When the user positions the cursor over a portion of the magnifying frame, the image corresponding to the portion of the magnifying frame over which the cursor is positioned can be displayed in the magnifying frame.
- the magnifying frame can be configured to enable a user to perform operations on the image displayed in the magnifying frame, such as printing, transmitting via e-mail, hiding, selecting, and the like.
- the user can preview the images in the poster frame.
- the user can select the poster frame displaying the image. This selection can cause a magnifying frame to be displayed either adjacent to the poster frame or over the poster frame.
- the magnifying frame can display the image that the user selected.
- the user can preview the image in the magnifying frame and/or perform operations including printing, hiding, selecting, transmitting via e-mail, and the like. Subsequently, the user can cause the magnifying frame to be hidden and continue previewing other images in the container. Accordingly, other implementations are within the scope of the following claims.
Abstract
A computer-implemented method displaying, within a user interface, a view pane having a vertical direction and a horizontal direction, displaying, within the view pane, a first frame represented by a bounded region, wherein the first frame represents a container that comprises one or more objects, upon detecting a positioning of a cursor at a position in the poster frame, displaying an object of the one or more objects in the frame, the displayed object varying based on the position of the cursor, upon detecting a selection of the first frame, displaying a second frame, represented by a second bounded region, adjacent to the second frame, and displaying the displayed object in the second frame.
Description
- This application is a continuation of U.S. Pat. No. 7,895,533, which issued from U.S. Utility application Ser. No. 11/834,570, filed on Aug. 6, 2007, and entitled “Interactive Image Thumbnails,” which is a continuation-in-part, and claims the benefit, of U.S. Utility application Ser. No. 11/685,672, filed on Mar. 13, 2007, and entitled “Interactive Image Thumbnails,” the entire disclosure of which is incorporated herein by reference.
- In general, this document describes systems and techniques for presenting electronic images such as digital or digitized photographs.
- Digital photography has simplified taking, viewing, and printing photographs. Photographs can be taken either using high-end equipment such as digital single lens reflex (SLR) cameras, low resolution cameras including point-and-shoot cameras and cellular telephone instruments with suitable capabilities. Photographs can be transferred either individually as files or collectively as folders containing multiple files from the cameras to other media including computers, printers, and storage devices.
- Software applications, such as iPhoto (manufactured by Apple Computer, Inc. of Cupertino, Calif.), can be used to arrange, display, and edit digital photographs obtained from a camera or any other electronic image in a digital format. Such software applications provide a user in possession of a large repository of photographs with the capabilities to organize, view, and edit the photographs. Users can organize photographs into albums and create slide shows to view the albums. Software manufacturers regularly add features to the software so that frequent operations, including transferring photographs from the device to a computer, and arranging and displaying the photographs, are relatively easy for an average user to perform.
- In one example, a system can upload multiple albums of images, display each album as a thumbnail in a user interface, represent each album by an image in the album, and allow a user to scan the images in the album by moving a cursor across the thumbnail representing the album. In addition, the system can display a window adjacent to the thumbnail representing the album, and display, in the window, images that are displayed in the thumbnail representing the album. The displayed window can be larger than the thumbnail, thereby serving as a magnifying window to view images in the album. Further, a user can select images displayed in the magnifying window, e.g., to mark the images for grouping.
- In one aspect, a computer-implemented method is described. The method includes displaying, within a user interface, a view pane having a vertical direction and a horizontal direction, displaying, within the view pane, a first frame represented by a bounded region, wherein the first frame represents a container that comprises one or more objects, upon detecting a positioning of a cursor at a position in the poster frame, displaying an object of the one or more objects in the frame, the displayed object varying based on the position of the cursor, upon detecting a selection of the first frame, displaying a second frame, represented by a second bounded region, and displaying the displayed object in the second frame.
- This, and other aspects, can include one or more of the following features. The second frame can be displayed adjacent to the first frame. The first frame can include a poster frame. The dimensions of the second frame can be greater than dimensions of the first frame. The method can include, upon detecting a positioning of the cursor at a new position on the first frame, displaying a new displayed object of the one or more objects in the first frame, the new object corresponding to the new position of the cursor, and displaying the new displayed object in the second frame. The method can further include detecting the selection of the second frame. The method can further include displaying a tool within the second frame, the tool configured to enable a user to select the second frame. Detecting the selection of the second frame can include positioning the cursor over the tool, and selecting the tool. Selecting the second frame can enable including the displayed object in a group. The method can further include, upon displaying the second frame, dividing the first frame into a first portion and a second portion. The method can further include, upon determining the positioning of the cursor over the first portion, displaying an object corresponding to a position of the cursor over the first portion in the first frame and the second frame. The method can further include, upon determining the positioning of the cursor over the second portion, displaying a grid in the first frame, the grid serving as a visual cue indicating the accessibility of the one or more objects in the container represented by the first frame. The method can further include enabling the user to access the one or more objects in the container represented by the first frame when the user selects the first frame upon viewing the grid. The grid can be an array including a plurality of rectangular regions. An object in the container represented by the first frame can be displayed in a rectangular region of the plurality of rectangular regions. The dimensions of the first portion can be larger than dimensions of the second portion. The dimensions of the first portion can be two-thirds the dimensions of the first frame. Selecting the first frame can include clicking a pointing device configured to control the positioning of the cursor.
- In another aspect, a medium bearing instructions to enable one or more machines to perform operations is described. The operations include displaying, within a user interface, a view pane having a vertical direction and a horizontal direction, displaying, within the view pane, a first frame represented by a bounded region, wherein the first frame represents a container that comprises one or more objects, upon detecting a positioning of a cursor at a position in the poster frame, displaying an object of the one or more objects in the frame, the displayed object varying based on the position of the cursor, upon detecting a selection of the first frame, displaying a second frame, represented by a second bounded region, and displaying the displayed object in the second frame.
- This, and other aspects, can include one or more of the following features. The second frame can be displayed adjacent to the first frame. The first frame can include a poster frame. The dimensions of the second frame can be greater than dimensions of the first frame. The operations can include, upon detecting a positioning of the cursor at a new position on the first frame, displaying a new displayed object of the one or more objects in the first frame, the new object corresponding to the new position of the cursor, and displaying the new displayed object in the second frame. The operations can further include detecting the selection of the second frame. The method can further include displaying a tool within the second frame, the tool configured to enable a user to select the second frame. Detecting the selection of the second frame can include positioning the cursor over the tool, and selecting the tool. Selecting the second frame can enable including the displayed object in a group. The operations can further include, upon displaying the second frame, dividing the first frame into a first portion and a second portion. The operations can further include, upon determining the positioning of the cursor over the first portion, displaying an object corresponding to a position of the cursor over the first portion in the first frame and the second frame. The operations can further include, upon determining the positioning of the cursor over the second portion, displaying a grid in the first frame, the grid serving as a visual cue indicating the accessibility of the one or more objects in the container represented by the first frame. The operations can further include enabling the user to access the one or more objects in the container represented by the first frame when the user selects the first frame upon viewing the grid. The grid can be an array including a plurality of rectangular regions. An object in the container represented by the first frame can be displayed in a rectangular region of the plurality of rectangular regions. The dimensions of the first portion can be larger than dimensions of the second portion. The dimensions of the first portion can be two-thirds the dimensions of the first frame. Selecting the first frame can include clicking a pointing device configured to control the positioning of the cursor.
- The systems and techniques described here may provide one or more of the following advantages. Several images taken over a period of time can be grouped and collectively uploaded as albums. Each album can be a container represented by a poster frame on a user interface, where the poster frame is an image in the container. This can meaningfully represent a container containing images and allow users to identify the container based on the representative image depicting the container. Further, each container can be represented by a poster frame and the poster frames representing containers can be arranged within the user interface to indicate the chronological order in which the images were taken. The poster frames can be wrapped within the viewable area of the user interface to avoid horizontal scrolling within the user interface to access poster frames. In addition, the images within a poster frames can be viewed by placing a cursor on a display device operated by a pointing device, such as a mouse, at a desired position on a poster frames representing the container. Multiple images in a container can be scanned by moving the cursor across the poster frames representing the container. Furthermore, the management of large repositories of images can be simplified.
- The details of one or more implementations are set forth in the accompanying drawings and the description below. Other features and advantages will be apparent from the description and drawings, and from the claims.
-
FIG. 1A is an example of a schematic of a user interface to display containers containing images. -
FIG. 1B is an example of a schematic of a first image in a container corresponding to a first position of a cursor. -
FIG. 1C is an example of a schematic of a second image in a container corresponding to a second position of a cursor. -
FIG. 1D is an example of a schematic of a third image in a container corresponding to a third position of a cursor. -
FIG. 1E is an example of a schematic of a fourth image in a container corresponding to a fourth position of a cursor. -
FIG. 1F is an example of a schematic of a fifth image in a container corresponding to a fifth position of a cursor. -
FIG. 2A is an example of a schematic of boundaries between containers. -
FIG. 2B is an example of a schematic of boundaries between containers. -
FIG. 2C is an example of a schematic of boundaries between containers. -
FIG. 3 is a flow chart of an example of a method of arranging poster frames in a view pane. -
FIG. 4 is a flow chart of an example of a method of previewing images in a container represented by a poster frame. -
FIG. 5 is an example of contents of a container displayed in an overview mode. -
FIGS. 6A-6D are examples of containers and corresponding magnifying frames. -
FIG. 7 is an example of a magnifying frame displaying a selection tool. -
FIGS. 8A and 8B are examples of displays of a container depending on cursor position on the poster frame representing the container. -
FIG. 9 is a flow chart of an example of a method for displaying containers and corresponding magnifying frames. -
FIG. 10 is a flow chart of an example of a method for enabling a user to select an image displayed in a magnifying frame. -
FIG. 11 is a flow chart of an example of a method for altering the display of a container based on cursor position in the container. - Like reference symbols in the various drawings indicate like elements.
-
FIG. 1A depicts an example of auser interface 100 to display containers of images. An image can include digitized and/or digital photographs. In addition, an image can also include any electronic image regardless of how it was generated, e.g., a CAD drawing, a scanned hand drawing, and the like. Theuser interface 100 includes aview pane 105. Theview pane 105 includes one or more poster frames 110, where eachposter frame 110 represents a container containing one or more images. In some implementations, anview pane 105 serves as a background on which poster frames 110 can be positioned. Theview pane 105 can be assigned a display parameter, e.g., a color. Alternatively, a user can alter the display parameter of theview pane 105. Aposter frame 110 has a horizontal dimension and a vertical dimension. All poster frames 110 can be displayed in a landscape orientation, namely with the horizontal dimension greater than the vertical dimension. In other implementations, all poster frames 110 can be displayed in a portrait orientation. In addition, a user can alter the orientation of the poster frames 110, either individually or collectively. In other implementations, a user can crop the poster frames so that the poster frames are square in shape. In some implementations, theuser interface 100 can include aproject pane 115. Theproject pane 115 can display metadata related to one or more of the poster frames 110 displayed in theview pane 105. For example, theproject pane 115 can display a list of the latest containers that were accessed using the application. In some implementations, when a user creates a new container, an icon indicating the new container can be displayed in theproject pane 115. - The
user interface 100 can include aninformation pane 120. Theinformation pane 120 can display metadata related to the most recently accessed poster frames 110. In some implementations, theinformation pane 120 can display metadata related to theposter frame 110 currently being accessed. For example, aposter frame 110 can display multiple images taken at several time instances. Theinformation pane 120 can display information including the time stamps of the first and last images in the container represented by aposter frame 110, the number of images in the container, the size of the container (e.g., in gigabytes), and the like. - The
user interface 100 can include atool bar 125. Thetool bar 125 can include one or moreuser control buttons 130. Theuser control buttons 130 can be configured to perform operations including rotate, scan, start slide show, and the like upon activation, e.g., clicking by a user. Thetool bar 125 can also include aslider 135 configured to alter the dimensions of a poster frame based on input. In some implementations, theslider 135 can include apointer 137 that can be moved. The position of apointer 137 on theslider 135 can correspond to the dimensions of aposter frame 110. A user can alter the position of thepointer 137 using the cursor on the display device. In some implementations, the user can move thepointer 137 on theslider 135 by placing the cursor on thepointer 137, and dragging thepointer 137. In response to a change in the position of thepointer 137 on theslider 135, the dimensions of eachposter frame 110 can be altered. A cursor can be represented by aconventional display 145 when positioned away from theposter frame 110. The conventional display can include an arrow. - In some implementations, a
poster frame 110 can be represented by one of the images contained in theposter frame 110. When the container that theposter frame 110 represents is first uploaded for display on theview pane 105, the first image in the container can be assigned to represent theposter frame 110. Alternatively, any image in the container can be assigned to represent theposter frame 110. In some implementations, a user can rate the images in a container. The ratings of the images can be tracked and theposter frame 110 can be represented by the image with the highest rating. In other implementations, the user interactions with a container can be tracked. For example, a user may view one or more images in a container more often than other images in the container. An image viewed more often than the others can be used to represent theposter frame 110. In some implementations, a higher resolution image can be assigned to represent the container. In other implementations, a user can assign an image to represent aposter frame 110. The image representing aposter frame 110 can change over time due to one or more factors including addition of new images, deletion of old images, frequency of viewing, and the like. - The containers can be arranged in an order that can depend on factors including a name assigned to the container, a time stamp on the images in the container, and the like. Names can be assigned to containers by the cameras using which the images in the containers were taken. In a default implementation, the containers can be uploaded under the same name as that assigned to the containers by the cameras. The containers can be displayed chronologically in the order in which the images in the containers were taken based on the time stamp on each time image and/or each container. Alternatively, the containers can be displayed alphabetically based on the container names.
- In some implementations, the poster frames 110 can be arranged in an order beginning from a position substantially adjacent to the left vertical edge of the
view pane 105. Thefirst poster frame 110 can be displayed substantially adjacent to the top left hand corner of theview pane 105. Anew poster frame 110 can be positioned to the right of a previously displayedposter frame 110 in the same row as thefirst poster frame 110. In this manner, theposter frame 110 can be arranged from left to right in a row. The default horizontal and vertical dimensions of all theposter frame 110 can be pre-determined and can be uniform. In a default implementation, the assigned horizontal and vertical dimensions may correspond to a central location of thepointer 137 on theslider 135. Two frames displayed on the same row can be separated by a pre-determined space. - In some implementations, as poster frames 110 are arranged in a row, each frame separated by a system assigned space, the sum of the horizontal dimensions of the poster frames 110 in a row and the spaces between the poster frames 110 in the row can exceed the available horizontal dimension of the
view pane 105. Consequently, aposter frame 110 can be positioned substantially adjacent to the right vertical edge of theview pane 105. In such cases, thenext poster frame 110 can be wrapped and displayed as thefirst poster frame 110 in a new row vertically displaced from the first row. The position of thefirst poster frame 110 in a new row can be substantially vertically aligned with that of thefirst poster frame 110 in the previous row. The space between rows can be pre-determined and uniform for all rows. Thus, multiple poster frames 110 can be arranged within the horizontal viewable region of aview pane 105. In this manner, the need to scroll horizontally to view poster frames 110 that are outside the viewing area of theview pane 105 can be avoided. In addition, the order of display of the poster frames 110 can correspond to an order in which the images in the corresponding containers were taken. The progression of time can correspond to the position of the poster frames 110 going from left to right in the horizontal direction and top to bottom in the vertical direction. - A user may wish to alter the order of display of poster frames 110 in the
view pane 105. Such alterations can include adding anew poster frame 110, removing, repositioning, resizing a displayedposter frame 110, and the like. In a default implementation, containers can be detected and uploaded in theview pane 105. A file can be identified to be an image based on the file type, e.g., JPG, TIFF, GIF, DWG, and the like. All the detected containers can be displayed in theview pane 105. In other implementations, a user can select the containers that the user wishes to display in theview pane 105. In some implementations, uploading and displaying containers as poster frames 110 can be a combination of automatic detection and choices by a user. - A user may wish to remove one or more poster frames 110 displayed in the
view pane 105. The 110 that the user wishes to remove may be adjacent to each other. Alternatively, the positions of the poster frames 110 may be non-adjacent to each other on a same row or on different rows. The poster frames 110 can be selected individually or as a group. In some implementations, the user can remove the poster frames 110 by pressing the “Delete” key on a key board. In other implementations, the user may drag the selected poster frames 110 and drop them into a location outside the view pane 105 (e.g., Trash, Recycle Bin). When aposter frame 110 is deleted from display, the remaining poster frames 110 can be repositioned to occupy the void created by the deletedposter frame 110. For example, if two rows of poster frames 110, each row containing five poster frames 110, are displayed in a view pane and if a user deletes thefourth poster frame 110 in the first row, thefifth poster frame 110 can be repositioned in the first row to occupy the void created by the deleted frame. Further, thefirst poster frame 110 in the second row can be repositioned to thefifth poster frame 110 in the first row. In this manner, all poster frames 110 in aview pane 105 can be displayed as a continuous sequence. - In some implementations, a user can change the position of a
poster frame 110 in theview pane 105. A user can select aposter frame 110, drag theposter frame 110 from a present position and insert theposter frame 110 in a new position. Further, the position of all the poster frames 110 can be shifted either to the right, to a new row, or as required so that all poster frames 110 in a view pane are displayed as a continuous sequence. - When the sum of the vertical dimensions of poster frames 110 in rows and the spaces between the rows exceeds the vertical dimension of the
view pane 105, avertical scroll bar 140 can be incorporated in theuser interface 100 to permit vertical scrolling to view poster frames that lie outside the area of theview pane 105. In some implementations, the contents of theview pane 105 can be vertically scrolled by placing a cursor on thevertical scroll bar 140 and dragging the bar. Alternatively, or in addition, a key board can be used to vertically scroll theview pane 105. A user can vertically scroll one or more rows by pressing a single key (e.g., arrow key) or a combination of keys (e.g., “command”+“home”, “command”+“end”, and the like). In other implementations, the user can pan theview pane 105 by placing the cursor anywhere on theview pane 105 and dragging the pane in a vertical direction. - In some implementations, moving the
slider 135 from left of theuser interface 100 to the right of theuser interface 100 can cause an increase in the dimensions of eachposter frame 110 and vice versa. As the dimensions of poster frames 110 in a row are increased using theslider 135, the horizontal and vertical dimensions of eachposter frame 110 can be uniformly increased. The space between frames in the same row and between rows can also be uniformly increased to maintain the aesthetics of display and simplify viewing. In other implementations, the space between frames may be constant. As the dimensions of poster frames 110 in a row increase, the horizontal dimension of the row also increases. The horizontal dimension of theview pane 105 may be insufficient to display the poster frames 110 of larger dimensions in the same row. In such cases, theposter frame 110 on the right extreme of a row can be wrapped to the next row. All frames in theview pane 105 can be repositioned to accommodate the displaced frame while maintaining the order in which the poster frames 110 are displayed. - In some implementations, metadata related to each
poster frame 110 can be displayed adjacent to eachposter frame 110, for example, in the space between two rows. The metadata can include, the name of theposter frame 110 which can be either a system default name or a user-defined name, a time stamp, the number of photos in the poster frame, and the like. When a user deletes or repositions aposter frame 110, the metadata corresponding to theposter frame 110 can also be deleted or repositioned, respectively. - A
poster frame 110 that corresponds to a container can include one or more images. In some implementations, the images in a container can be photographs that may have been taken over a period of time. The order in which cameras used to take photographs store the photographs can be chronological with the earliest taken photograph stored first. Alternatively, the order can be alphabetical, based on the file name assigned to each photograph. The photographs can be imported in an order same as the one in which the photographs are saved in the camera. Subsequently, the order in which the photographs are stored can be altered based on user input. Such alterations can include re-arranging the position of the photograph in the container, changing the name associated with a photograph and arranging the photographs alphabetically, and the like. In other implementations, the images in a container can be electronic images such as CAD drawings. The drawings can be assigned file names either automatically or based on user input. The drawings can be imported in an alphabetical order based on the assigned file name. Subsequently, the order can be altered by operations including altering the file name, re-arranging the position of the drawing, and the like. When the poster frames 110 are displayed in theview pane 105, previewing the images contained in eachposter frame 110 can be enabled. In response to placing a cursor at a position on theposter frame 110, an image contained in theposter frame 110 can be displayed in place of the image assigned to represent theposter frame 110. -
FIGS. 1B-1F depict examples of schematics of previewing images in poster frames 110. In some implementations, when the user places the cursor on aposter frame 110, an image contained in theposter frame 110 can be displayed in place of the image assigned to represent the poster frame 110 (FIG. 1B ). Further, the display of the cursor can be altered from theconventional display 145 to aspecific display 150. An order in which the images in a container are stored can be related to a position of the cursor on theposter frame 110 representing the container. In some implementations, the left edge of theposter frame 110 can correspond to the first image in the container. Similarly, the right edge of theposter frame 110 can correspond to the last image in the container. If the cursor is placed at the left edge of theposter frame 110, the first image in the container can be displayed in place of the image assigned to represent theposter frame 110. When the cursor is placed at the right edge of theposter frame 110, the last image can be displayed in the container in place of the image assigned to represent theposter frame 110. As the cursor is moved from the left edge to the right edge, the display of theposter frame 110 can be continuously updated with images from the beginning to the end of the container, such that the displayed image corresponds to the position of the cursor on theposter frame 110. In this manner, by scanning the cursor across theposter frame 110 from left to right, the user can preview, from beginning to finish, all the images in the container represented by theposter frame 110. Similarly, when the cursor is scanned from the right edge to the left edge of theposter frame 110, the images in the container represented by theposter frame 110 can be previewed from the finish to the beginning. In some implementations, the images can be displayed within the bounded region of a poster frame such that the horizontal and vertical dimensions of the previewed image equal those of theposter frame 110 in place of which the image is displayed. - In some implementations, when the cursor is scanned across a
poster frame 110 and moved away from theposter frame 110, the display of theposter frame 110 can be restored to the image assigned to represent theposter frame 110. In other implementations, the display of theposter frame 110 can be restored to the image assigned to represent theposter frame 110 depending on the position of the cursor on the poster frame. In other implementations, the user can be provided with an option to either preview images in a container represented by a poster frame by scanning over the poster frame or to only view the image assigned to represent theposter frame 110 when the cursor is scanned across theposter frame 110. In other implementations, the most recent image in theposter frame 110 that was previewed by scanning can be displayed. In other implementations, a user can choose an image to represent a poster frame. The user may position the cursor at a location on the poster frame to preview the image in the poster frame. The user can set the previewed image to represent the poster frame by striking a key, e.g., “Command” key. Alternatively, the user can set the image to represent the poster frame using the pointing device to operate the cursor. A cursor can be operated using virtually any suitable pointing device (e.g., mouse, track ball, stylus, touch screen, touch pad). The images in the container can be previewed by a simply moving the cursor across theposter frame 110 using the pointing device without requiring additional operation, such as clicking a mouse at any position on theposter frame 110 representing the container. - In some implementations, as the user moves the cursor across a
poster frame 110, the display of the cursor can be altered from a conventional display (e.g., an arrow) to a specific display, e.g., an arrow including an image. Upon detecting that the cursor has been positioned over aposter frame 110, the display of the cursor can be automatically changed from the conventional display to the specific display. This can indicate that aposter frame 110 is being previewed. In some implementations, the specific display can be defined by the system. In other implementations, the specific display can be altered by the user. For example, the user can have a database of displays. The user can use one of the displays as the specific display. In other implementations, the user can define a specific display for each poster frame. Alternatively, the user can define multiple displays for the same poster frame. The user can define a first specific display for a second group of poster frames and a second specific display for a second group of poster frames. In some implementations, a plurality of specific displays can be configured such that the specific display of the cursor is altered based on a relationship between the images being previewed. For example, the specific display, during preview, of images in a container that share a common attribute value, such as a date when the images were created, can be common. The relationship between images that share a common specific display can be pre-determined. Alternatively, the relationship can be specified by a user. In some implementations, the specific display and the conventional display can be simultaneously displayed when the cursor is positioned over a poster frame. When the cursor is moved away from the poster frame, only the conventional display can be displayed. - In addition
FIG. 1A depicts a preview scroll bar. In some implementations, thepreview scroll bar 155 can be incorporated into theposter frame 110. In one example, the orientation of thepreview scroll bar 155 can be horizontal. The horizontalpreview scroll bar 155 can be positioned adjacent to the bottom edge of theposter frame 110. Thepreview scroll bar 155 can be positioned within the bounded region of theposter frame 110. Alternatively, the preview scroll bar can be positioned outside the bounded region of theposter frame 110. In other implementations, the horizontal preview scroll bar can be positioned near the top edge either within or outside the bounded region of theposter frame 110. Alternatively, the orientation of thepreview scroll bar 155 can be vertical and the vertical scroll bar can be positioned either near the left edge or the right edge of theposter frame 110, inside or outside the bounded region of theposter frame 110, or combinations of the same. In some implementations, thepreview scroll bar 155 can appear when the cursor is positioned over theposter frame 110. When the cursor is moved away from theposter frame 110, thepreview scroll bar 155 can disappear. In other implementations, apreview scroll bar 155 can always be displayed. In other implementations, apreview scroll bar 155 can be displayed when the number of images in a container represented by the poster frame exceeds one. - The
preview scroll bar 155 can include apreview pointer 160 within the bounded region of thepreview scroll bar 155. A user can alter the position of apreview pointer 160 in thepreview scroll bar 155 using the cursor operated by the suitable pointing device. The position of thepreview pointer 160 in thepreview scroll bar 155 can correspond to an image in the container such that as the position of thepreview pointer 160 in thepreview scroll bar 155 is altered, the image displayed in the bounded region of theposter frame 110 is also altered. In some implementations, the size of thepreview pointer 160 in thepreview scroll bar 155 can correspond to the number of images in the container represented by theposter frame 110. A user can move thepreview pointer 160 using the pointing device, e.g., by positioning the cursor over thepreview pointer 160, clicking a mouse, and dragging thepreview pointer 160. As thepreview pointer 160 is moved, an image in the container corresponding to the position of thepreview pointer 160 can be displayed within the bounded region of theposter frame 110. In this manner, the images in the container can be previewed. In other implementations, thescroll bar 155 can includeadvance tools 165 on the edges of thepreview scroll bar 155. Theadvance tools 165 on the edges of thepreview scroll bar 155 can be configured to advance the images in the container. For example, if the orientation of the scroll bar is horizontal, by clicking on the advance tool on the left edge of the scroll bar using the pointing device, the user can step through each image in the container until the user views the first image in the container. Similarly, by clicking on the advance tool on the right edge of the scroll bar using the pointing device, the user can step through each image in the container until the user views the last image in the container. In this manner, the scroll bar can be further configured to enable a user to step through the images in the container one at a time. - The number of images that each
poster frame 110 can contain is limited only by available storage space. The dimensions of aposter frame 110 can remain constant regardless of the number of images in the container represented by theposter frame 110. In aposter frame 110 displayed on a display device, a physical space (e.g., one or more pixels) in the horizontal dimension of theposter frame 110 can represent an image. The physical space representing an image in a container containing few images may be larger when compared to that representing an image in a container containing several images. If the resolution of the cursor is less than the physical space representing an image, then the same image can be previewed by placing the cursor at multiple adjacent positions on theposter frame 110. For example, if a container contains only two images, the first image can be previewed if the cursor is placed at any location on the left half of theposter frame 110 representing the container. Similarly, the second image can be previewed if the cursor is placed at any location on the right half of theposter frame 110 representing the container. Conversely, if aposter frame 110 represents several images, the smallest unit of physical space of the display device may be greater than the physical space required to represent an image. In such cases, if the resolution of the cursor is greater than the physical space representing an image, the physical space occupied by a cursor may span more than one image. Consequently, it may not be possible to preview all the images in the container when the cursor is scanned horizontally across theposter frame 110 representing the container. - In some implementations, while previewing a container, certain images in a container can be skipped if the resolution of the cursor is greater than the physical space representing each image in the container. In some implementations, one or more images can be skipped based on the order in which the images are stored. For example, when the cursor is moved by a distance equal to the resolution of the cursor (e.g., 1 pixel), two images may be skipped. In this example, as the cursor is moved from the left edge to the right edge of the
poster frame 110, the first, fourth, seventh image, and so on, may be displayed in place of the image assigned to represent theposter frame 110. In some implementations, the size of the images can be used to skip images during previews. For example, high resolution images are generally files of larger sizes. All the high resolution images in a container may be displayed during a preview. Low resolution images may be excluded from the preview. In some implementations, the previewed images can be those images that have a higher rating than other images in the container. In some implementations, a rounding algorithm can be used to choose photos that can either be included or excluded from the preview. - In some implementations, the tool bar can include a zoom control button. When the resolution of the cursor is greater than the physical space representing each image in a container, the zoom control button can be used to increase the granularity of the poster frame. For example, the zoom control button can be used to enlarge the poster frame. The physical space representing each image can be kept constant. In this manner, the physical space representing each image can be increased to either equal or be greater than the resolution of the cursor. In such implementations, upon zooming the poster frame, more images in the container represented by the poster frame can be previewed by moving the cursor across the poster frame. In some implementations, the zoom control button can be activated by positioning the cursor over the zoom control button and clicking the mouse or other pointing device used to operate the cursor. Alternatively, the zoom control button can be activated by a key stroke on a key board.
- In some implementations, the speed at which a cursor is scanned across a
poster frame 110 can be higher than the speed at which the display of images in a poster frames 110 can be updated. If the speed at which the cursor is scanned across aposter frame 110 is greater than a threshold, certain images can be displayed for a preview while other images can be skipped. The images chosen for display can be based on factors including a position of the image in the order of storage, size of the image, ratings of the image, and the like. In some implementations, if the speed at which the cursor is scanned is high, then no image in a container can be previewed. - In some implementations, an image in a container can be chosen by placing the cursor over the poster frame representing the container and clicking the mouse. Alternatively, or in addition, an image can be chosen by placing the cursor over the poster frame representing the container and selecting a key on a keyboard, e.g., the “Enter” key. Additionally, when an image in a container in a
poster frame 110 is previewed, successive images can subsequently be previewed using the keys on the key board. For example, the user can place a cursor on aposter frame 110. In response, an image in the container can be displayed corresponding to the location of the cursor in theposter frame 110. Subsequently, the user can use keys on a key board (e.g., arrow keys) to preview successive images stored in the container. In some implementations, by pressing the right arrow key, the user can scan from the beginning of the container to the end of the container. Conversely, the user can scan from the end to the beginning of the container using the left arrow key. In other implementations, any combination of keys can be used to scan successive photos in the container. In addition, keys and/or key sequences can be used to jump to the beginning or end of a container from anywhere in the container. Such keys can include the “Home” key, the “End” key, and the like. In addition, keys and key sequences can also be used to jump from one container to another, e.g., “Command”+“Home” key to jump to the first container, “Command”+“End” key to jump to the last container, tab key to jump from one container to the next, and the like. - In some implementations, a user can split a container into multiple containers using a key stroke. For example, a user previewing the images in a container can place the cursor at any position on the container. Subsequently, the user can strike a key, e.g., “Command” key. In response, the container can be split into two containers, where each container can be represented by a poster frame. When a container represented by a
poster frame 110 is split into two containers, each container represented by arespective poster frame 110, the poster frames 110 in theview pane 105 can be re-positioned to accommodate thenew poster frame 110. Such re-positioning can include moving poster frames in the same row, moving a poster frame to a different row, creating a new row containing one or more poster frames, and the like. In this manner, the sequence in which the poster frames 110 are displayed can be retained. A new container can further be divided into two more containers. In some implementations, the number of containers into which one container can be divided can be specified by a user. In some implementations, the cursor can be positioned at a location on a first poster frame. An image corresponding to the location of the cursor can be displayed within the bounded region of the first poster frame. When a user strikes a key to split the first poster frame representing a container, the first of the two split poster frames representing the first split container can include all the images from the start of the first container to the image that was being previewed. The second of the two containers can include the remainder of the photographs in the first container. In some implementations, when a first container is split, each of the split containers can contain half the number of images of the first poster frame. In other implementations, when a first container is divided into a number of containers specified by the user, each split containers can contain the same number of images. In other implementations, the number of images in each split container can be specified by the user. - In some implementations, key words can be associated with poster frames 110. For example, all poster frames that represent containers containing photographs that were taken during a time frame (e.g., the same week) can be associated with common key words. The poster frames can be identified based on the key words and poster frames 110 associated with the same key words can be manipulated as a group, e.g., displayed on an view pane, deleted, merged, and the like. Alternatively, a user can provide key words to poster frames 110. For example, a user may take photographs at an event that occurs at regular intervals of time, e.g., every week. A user may associate a name to the photographs taken during the event. Subsequently, the user can identify all containers represented by 110 using the name. In another example, the images may correspond to CAD drawings where groups of drawings represent different parts of a machine. A user may assign key words denoting a part of the machine to the images corresponding to the part.
-
FIG. 2A is an example ofimages 205 in aposter frame 110 displayed on theview pane 105. In some implementations, a user can view theimages 205 in a container on theuser interface 100. For example, the user can access theimages 205 in a container by placing the cursor on aposter frame 110 representing the container and clicking the mouse used to control the cursor. Alternatively, the user can open the container by choosing theposter frame 110 representing the container and pressing keys on the key board, e.g., the “Enter” key. In some implementations, when the user clicks on aposter frame 110 of theview pane 105, theimages 205 contained in theposter frame 110 can be displayed in theview pane 105. Theimages 205 in aposter frame 110 can be arranged such that thefirst image 205 in the container is positioned substantially adjacent to the top left corner of theview pane 105. Thesecond image 205 in the same row can be positioned to the right of thefirst image 205 with a system assigned space separating the twoimages 205.Subsequent images 205 can be positioned in a similar manner. Eachimage 205 can be assigned a horizontal and a vertical dimension. When the sum of the horizontal dimensions of theimages 205 in a row and the spaces between theimages 205 exceeds the horizontal dimension of theview pane 105, thenext image 205 in the container can be positioned as afirst image 205 in a row vertically displaced from the first row, such that thefirst image 205 in the new row is substantially aligned with thefirst image 205 in the first row. In this manner, all theimages 205 in a container can be arranged in one or more rows, such that the order in which theimages 205 are stored in the container corresponds to an order of display beginning from left to right and top to bottom. In some implementations, the order in whichimages 205 are stored in a container can be based on a chronological order in which theimages 205 were taken. In other implementations, the order can be based on an alphabetical arrangement based on the file name assigned to eachimage 205. In some implementations, a magnifying window can be positioned over the user interface such that when a user positions a cursor over an image, the image can be displayed in the magnifying window. In this manner, the user can preview the images in a container. - The orientation of the
images 205 depends on the orientation of the camera used to take the photographs 205 (e.g., landscape or portrait). In a default implementation, the horizontal and vertical dimensions of animage 205 in landscape orientation can equal the horizontal and vertical dimensions of aposter frame 110 displayed in a landscape orientation in theview pane 105. The horizontal and vertical dimensions of animage 205 in portrait orientation can equal the vertical and horizontal dimensions of aposter frame 110, respectively, displayed in theview pane 105. The space separating twoadjacent images 205 can equal the space separating two adjacent poster frames 110. The space separating two rows ofimages 205 can equal the space separating two rows of poster frames 110.Images 205 displayed in a row can be in either landscape orientation or portrait orientation. In some implementations, the bottom edges of all theimages 205 in a row can be aligned. In such implementations, the top edge of theimages 205 in the row may or may not be aligned depending upon the orientations of theimages 205 positioned in that row. Alternatively, in some implementations, the top edges of all theimages 205 in a row can be aligned. - In some implementations, the number of
images 205 in a container displayed across one or more rows may exceed the vertical dimension of theview pane 105. In such implementations, a vertical scroll bar can be incorporated in theuser interface 100 so the user can scroll theview pane 105 to accessimages 205 that are positioned outside the viewing area of theview pane 105. A user can use either the pointing device (e.g., mouse, track ball, stylus, touch pad, touch screen, near contact screen) that controls the cursor, a key board, or a combination of both to operate the vertical scroll bar and scroll theview pane 105. - In some implementations, when a user clicks on a
poster frame 110, theimages 205 contained in theposter frame 110 can be displayed in the order in which they are stored. The order can be based on the time when eachimage 205 was taken. In some implementations, one ormore images 205 in a container can be compared andboundaries 215 within a container can be recommended. In some implementations, the chronological order in which theimages 205 in the container were taken can be compared. For example, a user may have taken a group ofphotographs 205 on a first day. Subsequently, the user may have taken a second group ofphotographs 205 on a second day. The user may upload both groups ofphotographs 205 simultaneously. Initially, both groups ofphotographs 205 may be displayed as belonging to the same container. The time stamp on thephotographs 205 may be compared and a recommendation may be presented to split the container into two groups, the first group containing thephotographs 205 taken on the first day and the second group containing thephotographs 205 taken on the second day. - In another example, the
images 205 in a container may be compared based on the content of theimages 205. A container may contain a first group ofimages 205 containing a blue background and a second group ofimages 205 containing a green background. The backgrounds of theimages 205 can be compared, theimages 205 of the common content (e.g., background) can be grouped, and a recommendation may be presented that theimages 205 in the two groups may belong to separate containers. In some implementations, one or more combinations of content ofimages 205 and metadata associated with theimages 205 can be used in making comparisons. - In some implementations, the recommendation to split a container into two groups can be presented by altering a display of the portion of the
view pane 105 on which the thumbnails, representing theimages 205 identified as belonging to the same group, are positioned.FIG. 2A depicts an example where, upon comparing theimages 205 in a container displayed on theview pane 105, a first group of images 205 (depicted by “I,” inFIG. 2A ) and a second group of images 205 (depicted by “II,” inFIG. 2A ) are identified. In a default implementation, the display of the portion of theview pane 105 on which theimages 205 of group I are positioned can be changed to abackground 200. Similarly, the display of the portion of theview pane 105 on which theimages 205 of group II are positioned can be changed to abackground 210. In addition, the two groups can be separated by aboundary 215. - In some implementations, it may be determined that
images 205 in a container can belong to multiple groups. In such cases, the display of theview pane 105 can be changed such thatimages 205 identified as belonging to the same group have a common background, regardless of the number of groups.Images 205 identified as belonging to the same group can be adjacently positioned in the same row or separately on the same or different rows. - In some implementations, in addition to providing a recommendation to split a container into two or more containers based on
view pane 105 display, a user can be provided with mechanisms to accept or reject the recommendations or, alternatively, make user-modifications to the groups in a container. In some implementations, an “OK” button can be displayed at the boundary. A user can accept the boundary by positioning the cursor on the “OK” button and clicking the mouse configured to operate the cursor. In some implementations, when a user positions a cursor on anboundary 215, a merge icon 220 (e.g., a “+” sign) can be displayed at theboundary 215. If a user clicks on themerge icon 220, the two groups separated by theboundary 215 can be merged into the same group. Upon merging, the background display of theview pane 105 for the two groups can be changed to be uniform. -
FIG. 2B is an example ofimages 205 in aposter frame 110 displayed on theview pane 105. In some implementations, when a user positions the cursor at theboundary 215 between two groups ofimages 205, achange boundary icon 225 can be presented. Anboundary 215 can be positioned between alast image 205 of a first group and afirst image 205 of the last group. A user can drag thechange boundary icon 225 from a current position between twoimages 205 to a new position between any twoimages 205. The new position of thechange boundary icon 225 can be either on the same row as or a different row from that of the current position. The twoimages 205 between which theboundary 215 is positioned can either be positioned adjacent to each other on the same row or be thelast image 205 of a first row and thefirst image 205 of a subsequent, vertically displaced row. Subsequent to moving achange boundary icon 225 to a desired position, a user can split a container into two groups ofimages 205. -
FIG. 2C is an example ofimages 205 in aposter frame 110 displayed on theview pane 105. In some implementations, the user can choose anboundary 215 within a container or within a group in a container. In such implementations, when the user positions the cursor between twoimages 205 in a container or within a group, a split icon 230 (e.g., a “x” sign) can be displayed. The twoimages 205 can either be positioned adjacent to each other in the same row or be thelast image 205 in a first row and thefirst image 205 in a subsequent, vertically displaced row. When the user clicks on thesplit icon 230, aboundary 215 can be created between the twoimages 205 where thesplit icon 230 was positioned. - In implementations with no boundaries in a container, when a user identifies a
boundary 215 between a first and asecond image 205 in the container, theimages 205 from the beginning of the container to thefirst image 205 can be grouped to create a first container. Similarly, theimages 205 from thesecond image 205 to the end of the container can be grouped to create a second container. Subsequently, when aview pane 105 displaying poster frames 110 representing containers is displayed, what was originally oneposter frame 110 can be displayed as two poster frames 110, eachposter frame 110 representing acontainer containing images 205 of the first and second groups, respectively. - In some implementations, one or
more boundaries 215 may already be identified in a container. In such implementations, the user can specify aboundary 215 between twoimages 205 in a group by positioning and clicking thesplit icon 230 between twoimages 205 in the group. A first group including theimages 205 beginning from thefirst image 205 of the group to the first of the twoimages 205 between which the user specified aboundary 215 can be created. A second group including theimages 205 beginning from the second of the twoimages 205 between which the user specifiedboundary 215 to thelast image 205 of the group can be created. In other implementations, a user can drag animage 205 from one group and include theimage 205 in another group. The user can drag theimages 205 acrossboundaries 215 by operations including drag and drop using the pointing device used to operate the cursor, cut and paste using the key board, or combinations of the pointing device and the keyboard. In this manner, a user can splitimages 205 in a container into one or more containers. - Subsequent to grouping
images 205 into containers, when the poster frames 110 representing containers are displayed on theview pane 105, each group that was created in a container can be displayed by anew poster frame 110. Thenew poster frame 110 for each group can positioned at and adjacent to the same location as theposter frame 110 for the container. The remaining poster frames 110 in theview pane 105 can be repositioned such that the order of display of poster frames 110, which can represent the time line in which theimages 205 in each container were taken is maintained. -
FIG. 3 is a flow chart showing an example of a method for arranging poster frames 110 in aview pane 105. Aview pane 105 can be displayed in auser interface 100 at 300. A plurality of poster frames 110 can be displayed within theview pane 105 at 305. The poster frames 110 can represent containers that include images. Thefirst poster frame 110 can be positioned substantially adjacent to the left edge of the view pane at 310. In some implementations, the position of thefirst poster frame 110 can be substantially adjacent to the corner of the left and top edges of theview pane 105. Asubsequent poster frame 110 can be arranged substantially adjacent to the first poster frame in the first row at 315. In some implementations, thesubsequent frame 110 can be positioned to the right of thefirst poster frame 110 in the first row and can be separated from thefirst poster frame 110 by a pre-defined space. Assubsequent frames 110 are arranged in the first row, it can be checked if aposter frame 110 is positioned next to the right edge of theview pane 105 at 320. If theposter frame 110 is not positioned substantially adjacent to the right edge of theview pane 105, then the poster frames 110 can continue to be arranged in the first row of theview pane 105. Otherwise, asubsequent poster frame 110 can be arranged in a second row vertically displaced from the first row at 325. Theposter frame 110 in the second row can be positioned substantially vertically aligned with thefirst poster frame 110 in the first row. In this manner, poster frames 110 can be arranged for display in theview pane 110. -
FIG. 4 is a flow chart depicting an example of a method for previewing images in a container. A container can be represented by aposter frame 110 displayed in aview pane 105. A cursor, operated on a display device on which theview pane 105 is displayed, can be positioned on theposter frame 110. The position of the cursor within theposter frame 110 can be determined at 400. An image corresponding to the cursor position within the poster frame can be displayed in the bounded region of theposter frame 110 at 405. In some implementations, the images can be arranged such that either a horizontal motion, a horizontal component of motion, or both, of a cursor cause the images in the container to be updated. In such implementations, a vertical motion does not cause the images to be updated. Further, the cursor can be positioned at any location on theposter frame 110 for an image to be displayed in the bounded region of theposter frame 110. Subsequently, the position of the cursor may be altered. If it is determined that a cursor has moved to a new position (410), the poster frame can be updated to display a new image corresponding to the new position at 415. Otherwise, the image corresponding to the current position of the cursor can continue to be displayed in the bounded region of theposter frame 110. -
FIG. 5 depicts an example of images in a container displayed in an overview mode. In some implementations, when a user accesses the images in a container, the view pane can display an overview of the images in the container. The overview mode can display one ormore images 500 in the container, but not all the photographs in the container. Theimages 500 displayed in the overview mode can be chosen based on factors including one or more of the size of the image, the ratings of the image, user specification, and the like. For example, the overview mode can display one, more, or all the high resolution images in the container. In addition, the overview mode can display a photo display tool. The user can view all the images in the container by clicking on the photo display tool. In some implementations, the photo display tool can be positioned over one of the images in the overview mode. In other implementations, the photo display tool can be positioned away from the images in the overview mode. -
FIGS. 6A-6D depict examples of images in a container displayed in a magnifying frame, where the magnifying frame is displayed adjacent to the poster frame representing the container. In some implementations, the container including images can be represented by aposter frame 605 displayed within a view pane. When a user selects the container, e.g., by clicking the mouse on theposter frame 605 representing the container, a magnifyingframe 610 can be displayed adjacent to the container. The dimensions of the magnifyingframe 610 can be larger than those of theposter frame 605 representing the container. When the user positions acursor 615 over theposter frame 605, an image in the container, corresponding to the position of the cursor can be displayed in theposter frame 605. In addition, the image displayed in theposter frame 605 can also be displayed in the magnifyingframe 610. For example, the container represented byposter frame 605 can include images 1-4. When thecursor 615 is positioned at a first position on theposter frame 605, as illustrated inFIG. 6A ,image 1 can be displayed inposter frame 605 and in the magnifyingframe 610. When thecursor 615 is re-positioned to a second position on theposter frame 605, as illustrated inFIG. 6B ,image 2 can be displayed inposter frame 605 and in the magnifyingframe 610. Similarly, when the cursor is re-positioned to other positions on theposter frame 605, e.g.,position 3 inFIG. 6C andposition 4 inFIG. 6D ,images poster frame 605 and in the magnifyingframe 610, respectively. Because the dimensions of the magnifyingframe 610 are larger than those of thecorresponding poster frame 605, the magnifyingframe 610 can enable the user to preview a physically larger image than can be previewed in theposter frame 605. In some implementations, the magnifyingframe 610 can be displayed in response to a user clicking the mouse after positioning thecursor 615 over theposter frame 605. - In some implementations, the user can cause the
magnifying frame 610 to be hidden from display and preview the images only in theposter frame 605. In implementations where several containers are displayed in a user interface, when the user re-positions the cursor from over a first poster frame to over a second poster frame, the magnifying frame corresponding to the first poster frame can be hidden. When the user selects the second poster frame, a magnifying frame corresponding to the second poster frame can be displayed adjacent to the second poster frame. When the user re-positions the cursor over the first poster frame, the magnifying frame corresponding to the first poster frame can be displayed without requiring the user to select the first poster frame again. Alternatively, the user can cause a magnifying frame corresponding to the first poster frame to be displayed and move the cursor away from the first poster frame. This movement of the cursor away from the first poster frame can cause the corresponding magnifying frame to be hidden from display. Subsequently, to display the magnifying frame corresponding to the first poster frame, the user can select the first poster frame, e.g., click the mouse upon positioning the cursor over the first poster frame, to cause the corresponding magnifying frame to be displayed. -
FIG. 7 depicts an example of a magnifying frame displaying a selection tool to enable a user to select an image displayed in the magnifying frame. In some implementations, the container including images can be represented by aposter frame 705. The user can position acursor 710 over theposter frame 705 and select theposter frame 705 causing amagnifying frame 715 to be displayed adjacent to theposter frame 705. When the user positions acursor 710 over theposter frame 705, an image in the container, corresponding to the position of the cursor, can be displayed in theposter frame 705. In addition, the image displayed in theposter frame 705 can also be displayed in the magnifyingframe 715. When the user moves thecursor 710 to a new position over theposter frame 705, a new image corresponding to the new position of thecursor 710 can be displayed both in theposter frame 705 and in the magnifyingframe 715. Further, aselection tool 720 can be displayed within the region bounded by the magnifyingframe 720. Theselection tool 720 can be configured such that when a user selects theselection tool 720, e.g., by positioning the cursor over and clicking on theselection tool 720, the image displayed in the magnifyingframe 715 can be selected, e.g., marked. Subsequently, the user can move thecursor 710 to different positions on theposter frame 705 representing the container, preview images corresponding to each of the different positions, and mark one or more of the previewed images by selecting theselection tool 720. In this manner, the user can mark several images. Subsequently, the user can filter the images in the container to group only the images marked using theselection tool 720. Alternatively, the user can filter the images to group those images not marked using theselection tool 720. - In some implementations, the
selection tool 720 can be positioned adjacent to the magnifyingframe 715. In other implementations, a menu can be displayed adjacent to thecursor 710 in response to user input, e.g., click of a mouse button. The menu can include a “Select” option. When the user clicks on the “Select” option, the image in the magnifyingframe 715 can be selected. Subsequently, the user can move thecursor 710 to a second position, display the menu and select another image. In this manner, the user can select one or more images using the “Select” option on a menu displayed adjacent to thecursor 710 over aposter frame 705. In some implementations, theselection tool 720 can be displayed when the magnifyingframe 715 is displayed. Alternatively, theselection tool 720 can be displayed in response to a user invoking theselection tool 720. For example, the magnifyingframe 715 can be configured such that when the magnifyingframe 715 is selected, e.g., by positioning thecursor 710 over the magnifying frame and clicking the pointing device controlling thecursor 710, theselection tool 720 can be displayed. -
FIGS. 8A and 8B depict schematics of examples of poster frames depending on cursor position on the poster frame. In some implementations, aposter frame 805 representing a container including images can be displayed in a user interface on a display device. A magnifyingframe 810 corresponding to aposter frame 805 can be displayed on the display device when the user positions thecursor 815 over theposter frame 805 and selects theposter frame 805, e.g., clicks the pointing device, such as a mouse, used to control thecursor 815. In addition, the user can also use the pointing device controlling thecursor 815 to access the images in the container represented by theposter frame 805. In some implementations, the user can select theposter frame 805, e.g., by positioning thecursor 815 over theposter frame 805 and clicking the pointing device controlling thecursor 815. - The poster frame can be divided into two portions and each portion can be associated with a selection operation. In order to enable a user to display a
magnifying frame 810 corresponding to aposter frame 805 with a first poster frame selection operation, and to enable the user to access the images in the container represented by theposter frame 805 with a second poster frame selection operation, theposter frame 805 can be divided into two portions by ahorizontal demarcation line 820. In some implementations, the division of theposter frame 805 into two portions can occur when the user selects theposter frame 805 to display thecorresponding magnifying frame 810. Thedemarcation line 820 can divide theposter frame 805 such that the portion above thedemarcation line 820 constitutes a larger portion of theposter frame 805 relative to the portion below thedemarcation line 820. For example, the portion above thedemarcation line 820 can constitute two-thirds of the area of the region bounded by theposter frame 805. Alternatively, thedemarcation line 820 can divide theposter frame 805 into halves. In some implementations, thedemarcation line 820 can be invisible to a user. In other implementations, thedemarcation line 820 can be displayed over theposter frame 805. - When the
cursor 815 is positioned in the portion of theposter frame 805 over thedemarcation line 820, an image corresponding to the position of thecursor 815 can be displayed in, both, theposter frame 805 and the magnifyingframe 810. When the user moves thecursor 815 to a new position on the portion of theposter frame 805 above thedemarcation line 820, the image in theposter frame 805 and in the magnifyingframe 810 can be updated to display a new image corresponding to the new position of thecursor 815. In this manner, the portion of theposter frame 805 above thedemarcation line 820 can be designated for previewing images in the container represented by theposter frame 805. - When the cursor is positioned in the portion of the
poster frame 805 below thedemarcation line 820, a grid can be displayed in the entire region bounded by theposter frame 805. The display of the grid can be a visual cue indicating that a selection of theposter frame 805, using the pointing device controlling thecursor 815, will enable access to the images in the container represented by theposter frame 805. Subsequently, when the user selects theposter frame 805, e.g., clicks the pointing device controlling thecursor 815, the user can access the images in the container represented by theposter frame 805. For example, when the user clicks theposter frame 805, the images in the container can be displayed on the display device. In some implementations, the grid can include several rectangular regions, where each rectangular region displays an image in the container. In some implementations, the grid can be generated such that the number of rectangular regions equals the number of images in the container. Alternatively, the number of rectangular regions can be fixed and one or more rectangular regions can be empty if the number of images in the container is less than the number of rectangular regions in the grid. In some implementations, if the number of rectangular regions is less than the number of images in the container, not all images in the container can be displayed in the grid. In this manner, the user can position thecursor 815 over a portion of theposter frame 805 to preview the images in the container represented by theposter frame 805. The user can alter the position of thecursor 805 to a second portion of theposter frame 805 causing a grid to be displayed indicating that the user can select theposter frame 805 to access the images in the container. - In some implementations, the poster frame can be configured such that moving the cursor in a vertical direction can cause an updating of the images in the region occupied by the poster frame. In such implementations, the
demarcation line 820 can be vertical such that positioning the cursor to the left of thedemarcation line 820 can enable previewing the images in the container in the poster frame and the magnifying frame, while positioning the cursor to the right of the demarcation line can cause a grid to be displayed in the poster frame, indicating to the user that the poster frame can be selected to access the images in the container. -
FIG. 9 depicts a flow chart of an example of a method for displaying a magnifying frame corresponding to a poster frame representing a container including images. In some implementations, the poster frame can be displayed in a user interface which, in turn, can be displayed in a display device. A cursor, controlled by a pointing device, e.g., a mouse, can be displayed in the display device. A user can position the cursor over the poster frame. The position of the cursor within a poster frame can be determined at 905. An image corresponding to the cursor position can be displayed within the region bounded by the poster frame at 910. A user can position the cursor over a poster frame and select the poster frame, e.g., by clicking the mouse controlling the cursor. The selection of the poster frame can be detected at 915. In response to the selection, a new poster frame, representing a magnifying frame, can be displayed adjacent to the poster frame at 920. The image, corresponding to the cursor position, displayed in the poster frame can be displayed within the bounded region of the new poster frame at 925. A user can move the cursor to a new position in the poster frame. The movement of the cursor to a new position in the poster frame can be detected at 930. A new image, corresponding to the new position of the cursor, can be displayed in the region bounded by the poster frame. In addition, the new image can be displayed within the region bounded by the new poster frame at 935. In this manner, as the position of the cursor in the poster frame is changed, the images displayed in the poster frame and the new poster frame are also updated, thereby enabling a user to preview the images in the container represented by the poster frame. The dimensions of the new poster frame can be larger than those of the poster frame, thereby providing a magnified view of each previewed image. -
FIG. 10 depicts a flow chart of an example of a method for enabling a user to select an image displayed in a new frame, e.g., a magnifying frame. In some implementations, the poster frame can be displayed in a user interface which, in turn, can be displayed in a display device. A cursor, controlled by a pointing device, e.g., a mouse, can be displayed in the display device. A user can position the cursor over the poster frame. The position of the cursor within a poster frame can be determined at 1005. An image corresponding to the cursor position can be displayed within the region bounded by the poster frame at 1010. A user can position the cursor over a poster frame and select the poster frame, e.g., by clicking the mouse controlling the cursor. The selection of the poster frame can be detected at 1015. In response to the selection, a new poster frame, representing a magnifying frame, can be displayed adjacent to the poster frame at 1020. The image, corresponding to the cursor position, displayed in the poster frame can be displayed within the bounded region of the new poster frame at 1025. In some implementations, the image displayed within the new poster frame can be selected. For example, the new poster frame can be the magnifying frame and a selection tool can be positioned within the magnifying frame. The user can select the selection tool, e.g., by positioning the cursor over the selection tool and clicking the pointing device. The selection of the selection tool can cause the image displayed in the magnifying frame to be selected. In this manner, an image displayed in the magnifying frame can be marked. The selection of the image displayed in the new poster frame can be detected at 1030. Subsequently, the user can move the cursor to a new position on the poster frame. This change in position can cause a new image to be displayed in, both, the poster frame and in the new poster frame. Further, the user can select the new image in the new poster frame by, e.g., selecting the selection tool. In this manner, the user can select one or more images displayed in the new poster frame and mark the one or more images. The user can be enabled to select the image displayed in the new poster frame at 1035. The user can group the marked images and perform operations on the group such as filtering the container to display only the images in the group, filtering the container to display images other than the images in the group, transfer the grouped images to a location, edit the grouped images, and the like. -
FIG. 11 depicts a flow chart of an example of a method for altering the display of a container based on cursor position on a portion of a poster frame representing the container. In some implementations, the poster frame can be displayed in a user interface which, in turn, can be displayed in a display device. A cursor, controlled by a pointing device, e.g., a mouse, can be displayed in the display device. A user can position the cursor over the poster frame. The position of the cursor within a poster frame can be determined at 1105. An image corresponding to the cursor position can be displayed within the region bounded by the poster frame at 1110. A user can position the cursor over a poster frame and select the poster frame, e.g., by clicking the mouse controlling the cursor. The selection of the poster frame can be detected at 1115. In response to the selection, a new poster frame, representing a magnifying frame, can be displayed adjacent to the poster frame at 1120. The image, corresponding to the cursor position, displayed in the poster frame can be displayed within the bounded region of the new poster frame at 1125. In some implementations, the user can select the poster frame to display the new poster frame by positioning the cursor on the poster frame and clicking the mouse. In addition, the user can select the poster frame to access the images in the container represented by the poster frame. For example, the user can position the cursor on the poster frame and select the poster frame, causing the images in the poster frame to be displayed in the display device. However, the clicking of the mouse is configured to cause the display of the new poster frame to enable previewing the images in the poster frame and in the new poster frame. In order to enable a user to preview images in a container and to access the images in the container represented by the poster frame, the poster frame can be divided into two portions. In some implementations, the two portions can be divided by a demarcation line which may or may not be displayed on the poster frame. The two portions can be of the same size or of different sizes. For example, the first portion of the poster frame that is configured to enable previewing the images in the poster frame and the new poster frame can be two-thirds the size of the poster frame while the second portion configured to enable accessing the images in the container can be one-thirds the size of the poster frame. - The user can position the cursor over one of the two portions into which the poster frame is divided. A check can be performed to determine if the new position of the cursor is on the first or the second portion at 1135. If the new position is on the first portion, then an image corresponding to the new position can be displayed in the poster frame at 1140. In addition, the image corresponding to the new position can be displayed in the new poster frame. If the new position is on the second portion of the poster frame, then a grid can be displayed in the poster frame at 1145. The display of the grid can be a visual cue that accessing the images in the container represented by the poster frame is possible. Subsequently, selecting the poster frame to access images in the album represented by the poster frame can be enabled at 1150. For example, upon viewing the display of the grid in the poster frame, a user can click the mouse causing the images in the container to be displayed on the display device. In some implementations, the grid displayed in the poster frame can be divided into a number of rectangular regions equal to the number of images in the container. Alternatively, the grid can be divided into a fixed number of rectangular regions and the images in the container can be displayed in all or fewer than all the rectangular regions in the grid.
- Implementations of the subject matter and the functional operations described in this specification can be implemented in digital electronic circuitry, or in computer software, firmware, or hardware, including the structures disclosed in this specification and their structural equivalents, or in combinations of one or more of them. Implementations of the subject matter described in this specification can be implemented as one or more computer program products, i.e., one or more modules of computer program instructions encoded on a computer-readable medium for execution by, or to control the operation of, data processing apparatus. The computer-readable medium can be a machine-readable storage device, a machine-readable storage substrate, a memory device, or a combination of one or more of them. The term “data processing apparatus” encompasses all apparatus, devices, and machines for processing data, including by way of example a programmable processor, a computer, or multiple processors or computers. The apparatus can include, in addition to hardware, code that creates an execution environment for the computer program in question, e.g., code that constitutes processor firmware, a protocol stack, a database management system, an operating system, or a combination of one or more of them. A propagated signal is an artificially generated signal, e.g., a machine-generated electrical, optical, or electromagnetic signal, that is generated to encode information for transmission to suitable receiver apparatus.
- A computer program (also known as a program, software, software application, script, or code) can be written in any form of programming language, including compiled or interpreted languages, and it can be deployed in any form, including as a stand-alone program or as a module, component, subroutine, or other unit suitable for use in a computing environment. A computer program does not necessarily correspond to a file in a file system. A program can be stored in a portion of a file that holds other programs or data (e.g., one or more scripts stored in a markup language document), in a single file dedicated to the program in question, or in multiple coordinated files (e.g., files that store one or more modules, sub-programs, or portions of code). A computer program can be deployed to be executed on one computer or on multiple computers that are located at one site or distributed across multiple sites and interconnected by a communication network.
- The processes and logic flows described in this specification can be performed by one or more programmable processors executing one or more computer programs to perform functions by operating on input data and generating output. The processes and logic flows can also be performed by, and apparatus can also be implemented as, special purpose logic circuitry, e.g., an FPGA (field programmable gate array) or an ASIC (application-specific integrated circuit).
- Processors suitable for the execution of a computer program include, by way of example, both general and special purpose microprocessors, and any one or more processors of any kind of digital computer. Generally, a processor will receive instructions and data from a read-only memory or a random access memory or both. The essential elements of a computer are a processor for performing instructions and one or more memory devices for storing instructions and data. Generally, a computer will also include, or be operatively coupled to receive data from or transfer data to, or both, one or more mass storage devices for storing data, e.g., magnetic, magneto-optical disks, or optical disks. However, a computer need not have such devices. Moreover, a computer can be embedded in another device, e.g., a mobile telephone, a personal digital assistant (PDA), a mobile audio player, a Global Positioning System (GPS) receiver, to name just a few. Computer-readable media suitable for storing computer program instructions and data include all forms of non-volatile memory, media and memory devices, including by way of example semiconductor memory devices, e.g., EPROM, EEPROM, and flash memory devices; magnetic disks, e.g., internal hard disks or removable disks; magneto-optical disks; and CD-ROM and DVD-ROM disks. The processor and the memory can be supplemented by, or incorporated in, special purpose logic circuitry.
- To provide for interaction with a user, implementations of the subject matter described in this specification can be implemented on a computer having a display device, e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor, for displaying information to the user and a keyboard and a pointing device, e.g., a mouse or a trackball, by which the user can provide input to the computer. Other kinds of devices can be used to provide for interaction with a user as well; for example, feedback provided to the user can be any form of sensory feedback, e.g., visual feedback, auditory feedback, or tactile feedback; and input from the user can be received in any form, including acoustic, speech, near-touch input, or tactile input.
- Implementations of the subject matter described in this specification can be implemented in a computing system that includes a back-end component, e.g., as a data server, or that includes a middleware component, e.g., an application server, or that includes a front-end component, e.g., a client computer having a graphical user interface or a Web browser through which a user can interact with an implementation of the subject matter described is this specification, or any combination of one or more such back-end, middleware, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication, e.g., a communication network. Examples of communication networks include a local area network (“LAN”) and a wide area network (“WAN”), e.g., the Internet.
- The computing system can include clients and servers. A client and server are generally remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other.
- While this specification contains many specifics, these should not be construed as limitations on the scope of the disclosure or of what may be claimed, but rather as descriptions of features specific to particular implementations of the disclosure. Certain features that are described in this specification in the context of separate implementations can also be implemented in combination in a single implementation. Conversely, various features that are described in the context of a single implementation can also be implemented in multiple implementations separately or in any suitable subcombination. Moreover, although features may be described above as acting in certain combinations and even initially claimed as such, one or more features from a claimed combination can in some cases be excised from the combination, and the claimed combination may be directed to a subcombination or variation of a subcombination.
- Similarly, while operations are depicted in the drawings in a particular order, this should not be understood as requiring that such operations be performed in the particular order shown or in sequential order, or that all illustrated operations be performed, to achieve desirable results. In certain circumstances, multitasking and parallel processing may be advantageous. Moreover, the separation of various system components in the implementations described above should not be understood as requiring such separation in all implementations, and it should be understood that the described program components and systems can generally be integrated together in a single software product or packaged into multiple software products.
- A number of implementations have been described. Nevertheless, it will be understood that various modifications may be made without departing from the spirit and scope of the subject matter. For example, as the
slider 135 on theuser interface 100 is operated to reduce the size of the thumbnails representing frames (e.g., poster frames 110, thumbnails representing images 205), the horizontal dimension of a row of thumbnails can be decreased. In some implementations, thumbnails from one row can be repositioned to another row so that the horizontal dimension of the rows equals the horizontal dimension of theview pane 105. In other implementations, even if the horizontal dimension of the row decreases due to decrease in thumbnail dimensions, each thumbnail can be retained in the same position on the row. - In some implementations, moving the
pointer 137 on theslider 135 to the right can cause an increase in the dimensions of the thumbnails. In such implementations, when thepointer 137 on theslider 135 is positioned at the right extreme of theslider 135, each thumbnail (e.g., poster frame, thumbnail representing an image 205) in theview pane 105 can occupy theentire view pane 105. In such implementations, a navigation mechanism may be incorporated into thetool bar 125 so that a user may navigate to access the thumbnails on theview pane 105. - In some implementations, the user can view each
image 205 in a container in theview pane 105 by choosing theimage 205. When a user views one of theimages 205 in the container, the remainder of theimages 205 in the container can be displayed as thumbnails in an additional pane above theview pane 105. In such implementations, the user can choose thenext image 205 that the user wishes to view from the additional pane displayed above theview pane 105. - In some implementations, the two dimensional time line may correspond to a vertical positioning of thumbnails. For example, the poster frames 110 can be arranged vertically in columns. When the sum of the vertical dimensions of the poster frames 110 and the spaces between the frames exceeds the vertical dimension of the
view pane 105, subsequent poster frames can be positioned in a new, horizontally displaced column. Thefirst poster frame 110 of the new column can be substantially vertically aligned with thefirst poster frame 110 of the previous column. In this manner, vertical scrolling to access poster frames outside the viewing area of theview pane 105 can be avoided. When the space occupied by the columns exceeds the horizontal dimension of theview pane 105, a horizontal scroll bar can be incorporated in theuser interface 100 to allow the user to navigate to access columns ofthumbnails 110 that may lie outside the viewing area of theview pane 105. - In some implementations,
thumbnails representing images 205 can also be displayed in columns. In other implementations, the horizontal or vertical display of poster frames and/orimages 205 can be based on user input. - In some implementations, two or more poster frames 110 displayed on the
view pane 105 can be merged. In other implementations, when a user scans a mouse across aposter frame 110, twoimages 205 positioned consecutively in the container represented by theposter frame 110 can be displayed on the frame such that the first of the twoimages 205 is displayed on the left half of theposter frame 110 and thesecond image 205 is displayed on the right half. Based on the display, the user can createboundaries 215 between the twoimages 205. In such implementations, a container can be split into two containers, such that the first split container containsimages 205 beginning from the start of the container to thefirst image 205, while the second split container containsimages 205 from thesecond image 205 to the end of the container. Subsequently, each split container can be represented by aseparate poster frame 110. - In some implementations, each container can be represented by more than one frame. A
second slider 135 may be incorporated in thetool bar 125 and operatively coupled to change the number of poster frames 110 used to represent a container. For example, a user may position theslider 135 such that aposter frame 110 is represented by two frames. In such cases, when the user positions the cursor over one of the twoframes 110, afirst image 205 corresponding to the position of the cursor on theposter frame 110 can be displayed on thefirst poster frame 110. Animage 205 adjacent to the displayedimage 205 can be displayed on thesecond poster frame 110. Based on the display, the user can createboundaries 215 between twoimages 205. - In some implementations, a user can create a new container while previewing a container by scanning the cursor across the
poster frame 110. When a user creates a new container, an icon representing a new container can be displayed on theproject pane 115. When the user positions the cursor on theposter frame 110, animage 205 corresponding to the position of the cursor on theposter frame 110 can be displayed. The user can include theimage 205 in the new container by operations including drag and drop using the pointing device, copy and paste using the keyboard, or combinations of pointing device and keyboard operations. In this manner, the user can create one or more containers ofimages 205 chosen from different containers represented by poster frames 110 on theview pane 105. - The dimensions of the
user interface 100 can be altered based on user input using a pointing device to operate a cursor, a keyboard, or both. In some implementations, altering the dimensions of theuser interface 100 causes the dimensions of the thumbnails in theview pane 105 in theuser interface 100 to be changed. In other implementations, despite a change in the dimensions of theuser interface 100, the dimensions of the thumbnails remains unaltered. - In some implementations, a
view pane 105 may represent folders containing files. As a user scrolls across theposter frame 110, metadata associated with the document in the folder (e.g., file name, date of creation, last date of editing, and the like) can be displayed on theposter frame 110. In other implementations, eachposter frame 110 can represent a document, e.g., a text document. As the user scrolls across theposter frame 110, each page in the document can be displayed on theposter frame 110. In this manner, a user may be able to preview the contends of the text document. In other implementations, the file can be a Adobe PDF file and each page on the PDF file can be displayed on the poster frame, the file can be a Microsoft Power Point file and each slide in the Power Point file can be displayed on the poster frame, the file can be a Microsoft Excel file and each spreadsheet in the Excel file can be displayed on the poster frame, and the like. - In some implementations, the user interface including the view pane and the poster frames representing containers of images can be viewed on virtually any suitable display device connected to the storage device on which the images are stored. The display device can include a computer monitor, an LCD screen, a projection screen, and the like. Alternatively, or in addition, the user interface and the images can be transmitted over a network (e.g., wired, wireless, internet, and the like) for display on a remote display device. In some implementations, the images to be viewed can be stored locally and can be viewed from a remote location. A system in the remote location can be operatively coupled to the local system to communicate over a network, e.g., the internet. The local system can be a server where the images can be stored and the user interface and other features of the user interface can be installed. The remote system can be a computer connected to the internet. A user at the remote system can enter a uniform resource locator (URL) pointing to the server in a web browser. In response, the local system can present the remote system with the user interface. Using the user interface, a user in the remote location can preview images. In some implementations, the images may reside on the local system. A user at the remote system can preview the images in the local system. In other implementations, the user at the remote system can preview images stored in the remote system using the user interface transmitted to the remote system from the local system over the network. In some implementations, a first user at a first remote location can perform operations including previewing images in the local or first remote system, creating containers of images, and the like, and subsequently transmit the containers with images to the local system. Subsequently, a second user wishing to view the images created by the first user can establish a connection with the local system. The local system can transmit the user interface to the second user. In this manner, the second user at the second remote location can view the contents of the containers created by the first user. In other implementations, the first user can transmit the containers containing images to the second user. The second user can access the user interface in the local system to view the images in the containers stored in the second user's remote system. Alternatively, the second user can access the images stored in the first user's system and preview the images using the user interface transmitted to the second user from the local system. In this manner, images stored in one location can be viewed and manipulated at a different location.
- In some implementations, the magnifying frame can be positioned over the poster frame representing the container including images. For example, when the user positions a cursor over a poster frame representing a container and selects the poster frame, the magnifying frame can be displayed over the poster frame. This can enable a user to preview the images in the container in the magnifying frame. In addition, the magnifying frame can be configured such that a portion of the magnifying frame can correspond to one of more images in the container. When the user positions the cursor over a portion of the magnifying frame, the image corresponding to the portion of the magnifying frame over which the cursor is positioned can be displayed in the magnifying frame. In addition, the magnifying frame can be configured to enable a user to perform operations on the image displayed in the magnifying frame, such as printing, transmitting via e-mail, hiding, selecting, and the like.
- In other implementations, as the user is moving the cursor across the poster frame representing a container including images, the user can preview the images in the poster frame. When the user views an image of interest, the user can select the poster frame displaying the image. This selection can cause a magnifying frame to be displayed either adjacent to the poster frame or over the poster frame. The magnifying frame can display the image that the user selected. The user can preview the image in the magnifying frame and/or perform operations including printing, hiding, selecting, transmitting via e-mail, and the like. Subsequently, the user can cause the magnifying frame to be hidden and continue previewing other images in the container. Accordingly, other implementations are within the scope of the following claims.
Claims (20)
1. A computer-implemented method, comprising:
displaying, within a user interface, a first frame represented by a first bounded region, wherein the first frame represents a container that comprises a plurality of digital media items;
detecting a selection of a position in the first frame;
in response to detecting the selection, displaying a digital media item in the first frame such that the displayed digital media item occupies substantially all of the first bounded region;
detecting another selection of the first frame;
in response to detecting the other selection, displaying, within the user interface, a second frame represented by a second bounded region, wherein the second frame is larger than the first frame; and
concurrently displaying in the second frame the same digital media item being displayed in the first frame.
2. The method of claim 1 , wherein the second frame is displayed adjacent to the first frame.
3. The method of claim 1 , wherein detecting a selection of a position in the first frame comprises detecting a positioning of a position indicator at the position in the frame.
4. The method of claim 1 , wherein the position indicator includes a cursor.
5. The method of claim 1 further comprising:
detecting a selection of another position in the first frame;
in response to detecting the selection of the other position in the first frame, displaying another digital media item in the first frame, wherein the other digital media item corresponds to the other position in the first frame; and
concurrently displaying the other digital media item in the second frame.
6. The method of claim 1 , wherein the digital media items are displayed sequentially in the first frame as positions in the frame are sequentially selected.
7. A computer-readable medium storing computer software instructions executable by data processing apparatus to perform operations comprising:
displaying, within a user interface, a first frame collectively represented by a first bounded region and a second bounded region adjacent the first bounded region, wherein the first frame represents a container that comprises a plurality of digital media items;
in response to detecting a selection of a position in the first bounded region, displaying a visual indicator within the first bounded region and the second bounded region, the visual indicator indicating that a selection of the first frame accesses the plurality of digital media items; and
in response to detecting a selection of the first frame subsequent to displaying the visual indicator, displaying, within the user interface, a plurality of bounded regions, each corresponding to a digital media item of the plurality of digital media items.
8. The medium of claim 7 , wherein the operations further comprise:
in response to detecting a selection of a position in the second bounded region instead of the position in the first bounded region, displaying a digital media item in the first frame such that the displayed digital media item occupies substantially all of the first bounded region and the second bounded region; and
in response to detecting another selection of the first frame:
displaying, within the user interface, a second frame represented by a corresponding bounded region, and
concurrently displaying in the second frame the same digital media item being displayed in the first frame.
9. The medium of claim 8 , wherein the second frame is larger than the first frame.
10. The medium of claim 7 , wherein the operations further comprise displaying the first bounded region and the second bounded region as a rectangular region.
11. The medium of claim 7 , wherein the operations further comprise displaying the first bounded region above the second bounded region.
12. The medium of claim 7 , wherein detecting the selection of the position in the first bounded region comprises detecting a positioning of a position indicator at the position.
13. The medium of claim 12 , wherein the position indicator includes a cursor.
14. The medium of claim 7 , wherein displaying the visual indicator comprises displaying a grid that occupies substantially all of the first bounded region and the second bounded region.
15. A system comprising:
data processing apparatus; and
a computer-readable medium storing computer software instructions executable by the data processing apparatus to perform operations comprising:
displaying, within a user interface, a first frame represented by a first bounded region, wherein the first frame represents a container that comprises a plurality of digital media items,
detecting a selection of a position in the first frame,
in response to detecting the selection, displaying a digital media item in the first frame such that the displayed digital media item occupies substantially all of the first bounded region,
detecting another selection of the first frame,
in response to detecting the other selection, displaying, within the user interface, a second frame represented by a second bounded region, wherein the second frame is larger than the first frame, and
concurrently displaying in the second frame the same digital media item being displayed in the first frame.
16. The system of claim 15 , wherein the second frame is displayed adjacent to the first frame.
17. The system of claim 15 , wherein detecting a selection of a position in the first frame comprises detecting a positioning of a position indicator at the position in the frame.
18. The system of claim 15 , wherein the position indicator includes a cursor.
19. The system of claim 15 , the operations further comprising:
detecting a selection of another position in the first frame;
in response to detecting the selection of the other position in the first frame, displaying another digital media item in the first frame, wherein the other digital media item corresponds to the other position in the first frame; and
concurrently displaying the other digital media item in the second frame.
20. The system of claim 15 , wherein the digital media items are displayed sequentially in the first frame as positions in the frame are sequentially selected.
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US13/030,733 US20110145752A1 (en) | 2007-03-13 | 2011-02-18 | Interactive Image Thumbnails |
US14/661,915 US9971485B2 (en) | 2007-03-13 | 2015-03-18 | Interactive image thumbnails |
Applications Claiming Priority (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US11/685,672 US8276098B2 (en) | 2006-12-22 | 2007-03-13 | Interactive image thumbnails |
US11/834,570 US7895533B2 (en) | 2007-03-13 | 2007-08-06 | Interactive image thumbnails |
US13/030,733 US20110145752A1 (en) | 2007-03-13 | 2011-02-18 | Interactive Image Thumbnails |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US11/834,570 Continuation US7895533B2 (en) | 2007-03-13 | 2007-08-06 | Interactive image thumbnails |
Related Child Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US14/661,915 Continuation US9971485B2 (en) | 2007-03-13 | 2015-03-18 | Interactive image thumbnails |
Publications (1)
Publication Number | Publication Date |
---|---|
US20110145752A1 true US20110145752A1 (en) | 2011-06-16 |
Family
ID=39619084
Family Applications (3)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US11/834,570 Active 2029-07-29 US7895533B2 (en) | 2007-03-13 | 2007-08-06 | Interactive image thumbnails |
US13/030,733 Abandoned US20110145752A1 (en) | 2007-03-13 | 2011-02-18 | Interactive Image Thumbnails |
US14/661,915 Active 2028-08-02 US9971485B2 (en) | 2007-03-13 | 2015-03-18 | Interactive image thumbnails |
Family Applications Before (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US11/834,570 Active 2029-07-29 US7895533B2 (en) | 2007-03-13 | 2007-08-06 | Interactive image thumbnails |
Family Applications After (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US14/661,915 Active 2028-08-02 US9971485B2 (en) | 2007-03-13 | 2015-03-18 | Interactive image thumbnails |
Country Status (2)
Country | Link |
---|---|
US (3) | US7895533B2 (en) |
WO (1) | WO2008112759A1 (en) |
Cited By (44)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120266103A1 (en) * | 2011-04-15 | 2012-10-18 | Google Inc. | Method and apparatus of scrolling a document displayed in a browser window |
WO2013090944A1 (en) * | 2011-12-16 | 2013-06-20 | Gehry Technologies | Method and apparatus for representing 3d thumbnails |
WO2013169849A3 (en) * | 2012-05-09 | 2014-03-20 | Industries Llc Yknots | Device, method, and graphical user interface for displaying user interface objects corresponding to an application |
US9602729B2 (en) | 2015-06-07 | 2017-03-21 | Apple Inc. | Devices and methods for capturing and interacting with enhanced digital images |
US9612741B2 (en) | 2012-05-09 | 2017-04-04 | Apple Inc. | Device, method, and graphical user interface for displaying additional information in response to a user contact |
US9619076B2 (en) | 2012-05-09 | 2017-04-11 | Apple Inc. | Device, method, and graphical user interface for transitioning between display states in response to a gesture |
US9632664B2 (en) | 2015-03-08 | 2017-04-25 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US9639184B2 (en) | 2015-03-19 | 2017-05-02 | Apple Inc. | Touch input cursor manipulation |
US9645732B2 (en) | 2015-03-08 | 2017-05-09 | Apple Inc. | Devices, methods, and graphical user interfaces for displaying and using menus |
US9665206B1 (en) | 2013-09-18 | 2017-05-30 | Apple Inc. | Dynamic user interface adaptable to multiple input tools |
US9674426B2 (en) | 2015-06-07 | 2017-06-06 | Apple Inc. | Devices and methods for capturing and interacting with enhanced digital images |
US9753639B2 (en) | 2012-05-09 | 2017-09-05 | Apple Inc. | Device, method, and graphical user interface for displaying content associated with a corresponding affordance |
US9778771B2 (en) | 2012-12-29 | 2017-10-03 | Apple Inc. | Device, method, and graphical user interface for transitioning between touch input to display output relationships |
US9785305B2 (en) | 2015-03-19 | 2017-10-10 | Apple Inc. | Touch input cursor manipulation |
US9830048B2 (en) | 2015-06-07 | 2017-11-28 | Apple Inc. | Devices and methods for processing touch inputs with instructions in a web page |
US9880735B2 (en) | 2015-08-10 | 2018-01-30 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US9886184B2 (en) | 2012-05-09 | 2018-02-06 | Apple Inc. | Device, method, and graphical user interface for providing feedback for changing activation states of a user interface object |
US9891811B2 (en) | 2015-06-07 | 2018-02-13 | Apple Inc. | Devices and methods for navigating between user interfaces |
US20180088785A1 (en) * | 2015-02-26 | 2018-03-29 | Flow Labs, Inc. | Navigating a set of selectable items in a user interface |
US9959025B2 (en) | 2012-12-29 | 2018-05-01 | Apple Inc. | Device, method, and graphical user interface for navigating user interface hierarchies |
US9990107B2 (en) | 2015-03-08 | 2018-06-05 | Apple Inc. | Devices, methods, and graphical user interfaces for displaying and using menus |
US9990121B2 (en) | 2012-05-09 | 2018-06-05 | Apple Inc. | Device, method, and graphical user interface for moving a user interface object based on an intensity of a press input |
US9996231B2 (en) | 2012-05-09 | 2018-06-12 | Apple Inc. | Device, method, and graphical user interface for manipulating framed graphical objects |
US10037138B2 (en) | 2012-12-29 | 2018-07-31 | Apple Inc. | Device, method, and graphical user interface for switching between user interfaces |
US10042542B2 (en) | 2012-05-09 | 2018-08-07 | Apple Inc. | Device, method, and graphical user interface for moving and dropping a user interface object |
US10048757B2 (en) | 2015-03-08 | 2018-08-14 | Apple Inc. | Devices and methods for controlling media presentation |
US10067653B2 (en) | 2015-04-01 | 2018-09-04 | Apple Inc. | Devices and methods for processing touch inputs based on their intensities |
US10078442B2 (en) | 2012-12-29 | 2018-09-18 | Apple Inc. | Device, method, and graphical user interface for determining whether to scroll or select content based on an intensity theshold |
US10095396B2 (en) | 2015-03-08 | 2018-10-09 | Apple Inc. | Devices, methods, and graphical user interfaces for interacting with a control object while dragging another object |
US10095391B2 (en) | 2012-05-09 | 2018-10-09 | Apple Inc. | Device, method, and graphical user interface for selecting user interface objects |
US10126930B2 (en) | 2012-05-09 | 2018-11-13 | Apple Inc. | Device, method, and graphical user interface for scrolling nested regions |
US10162452B2 (en) | 2015-08-10 | 2018-12-25 | Apple Inc. | Devices and methods for processing touch inputs based on their intensities |
US10175864B2 (en) | 2012-05-09 | 2019-01-08 | Apple Inc. | Device, method, and graphical user interface for selecting object within a group of objects in accordance with contact intensity |
US10175757B2 (en) | 2012-05-09 | 2019-01-08 | Apple Inc. | Device, method, and graphical user interface for providing tactile feedback for touch-based operations performed and reversed in a user interface |
US10200598B2 (en) | 2015-06-07 | 2019-02-05 | Apple Inc. | Devices and methods for capturing and interacting with enhanced digital images |
US10235035B2 (en) | 2015-08-10 | 2019-03-19 | Apple Inc. | Devices, methods, and graphical user interfaces for content navigation and manipulation |
US10248308B2 (en) | 2015-08-10 | 2019-04-02 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interfaces with physical gestures |
US10275087B1 (en) | 2011-08-05 | 2019-04-30 | P4tents1, LLC | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US10346030B2 (en) | 2015-06-07 | 2019-07-09 | Apple Inc. | Devices and methods for navigating between user interfaces |
US10416800B2 (en) | 2015-08-10 | 2019-09-17 | Apple Inc. | Devices, methods, and graphical user interfaces for adjusting user interface objects |
US10437333B2 (en) | 2012-12-29 | 2019-10-08 | Apple Inc. | Device, method, and graphical user interface for forgoing generation of tactile output for a multi-contact gesture |
US10496260B2 (en) | 2012-05-09 | 2019-12-03 | Apple Inc. | Device, method, and graphical user interface for pressure-based alteration of controls in a user interface |
US10620781B2 (en) | 2012-12-29 | 2020-04-14 | Apple Inc. | Device, method, and graphical user interface for moving a cursor according to a change in an appearance of a control icon with simulated three-dimensional characteristics |
US10691317B2 (en) | 2014-10-24 | 2020-06-23 | Flow Labs, Inc. | Target-directed movement in a user interface |
Families Citing this family (45)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7895533B2 (en) * | 2007-03-13 | 2011-02-22 | Apple Inc. | Interactive image thumbnails |
JP4935569B2 (en) * | 2007-08-06 | 2012-05-23 | 株式会社ニコン | Process execution program and process execution apparatus |
KR101427259B1 (en) * | 2007-10-05 | 2014-08-06 | 엘지전자 주식회사 | Portable terminal having contents save area and saving method thereof |
US8185822B2 (en) * | 2008-02-11 | 2012-05-22 | Apple Inc. | Image application performance optimization |
US8112702B2 (en) | 2008-02-19 | 2012-02-07 | Google Inc. | Annotating video intervals |
KR101513023B1 (en) * | 2008-03-25 | 2015-04-22 | 엘지전자 주식회사 | Terminal and method of displaying information therein |
US8291341B2 (en) * | 2008-05-28 | 2012-10-16 | Google Inc. | Accelerated panning user interface interactions |
US8477228B2 (en) | 2008-06-30 | 2013-07-02 | Verizon Patent And Licensing Inc. | Camera data management and user interface apparatuses, systems, and methods |
US9165302B2 (en) * | 2008-09-29 | 2015-10-20 | Apple Inc. | System and method for scaling up an image of an article displayed on a sales promotion web page |
US8423916B2 (en) * | 2008-11-20 | 2013-04-16 | Canon Kabushiki Kaisha | Information processing apparatus, processing method thereof, and computer-readable storage medium |
JP5470861B2 (en) * | 2009-01-09 | 2014-04-16 | ソニー株式会社 | Display device and display method |
US8341241B2 (en) * | 2009-04-14 | 2012-12-25 | At&T Intellectual Property I, L.P. | Method and apparatus for presenting media content |
JP2011061047A (en) * | 2009-09-11 | 2011-03-24 | Hitachi High-Technologies Corp | Defect review support device, defect review device, and inspection support device |
US20110087999A1 (en) * | 2009-09-30 | 2011-04-14 | International Business Machines Corporation | Set definition in data processing systems |
US9424444B2 (en) | 2009-10-14 | 2016-08-23 | At&T Mobility Ii Llc | Systems, apparatus, methods and computer-readable storage media for facilitating integrated messaging, contacts and social media for a selected entity |
US8924893B2 (en) | 2009-10-14 | 2014-12-30 | At&T Mobility Ii Llc | Locking and unlocking of an electronic device using a sloped lock track |
US8386965B2 (en) * | 2010-01-15 | 2013-02-26 | Apple Inc. | Techniques and systems for enhancing touch screen device accessibility through virtual containers and virtually enlarged boundaries |
US8423909B2 (en) * | 2010-07-26 | 2013-04-16 | International Business Machines Corporation | System and method for an interactive filter |
US20120030566A1 (en) * | 2010-07-28 | 2012-02-02 | Victor B Michael | System with touch-based selection of data items |
US20120110453A1 (en) * | 2010-10-29 | 2012-05-03 | Microsoft Corporation | Display of Image Search Results |
US20120272171A1 (en) * | 2011-04-21 | 2012-10-25 | Panasonic Corporation | Apparatus, Method and Computer-Implemented Program for Editable Categorization |
US9513799B2 (en) | 2011-06-05 | 2016-12-06 | Apple Inc. | Devices, methods, and graphical user interfaces for providing control of a touch-based user interface absent physical touch capabilities |
US10289657B2 (en) * | 2011-09-25 | 2019-05-14 | 9224-5489 Quebec Inc. | Method of retrieving information elements on an undisplayed portion of an axis of information elements |
USD732053S1 (en) * | 2012-01-13 | 2015-06-16 | Konica Minolta, Inc. | Electronic copying machine display screen with graphical user interface |
US9396518B2 (en) * | 2012-05-15 | 2016-07-19 | Salvadore Ragusa | System of organizing digital images |
US20130330019A1 (en) * | 2012-06-08 | 2013-12-12 | Samsung Electronics Co., Ltd. | Arrangement of image thumbnails in social image gallery |
JP6198377B2 (en) * | 2012-09-14 | 2017-09-20 | キヤノン株式会社 | Display control apparatus, display control method, and program |
JP6003444B2 (en) * | 2012-09-19 | 2016-10-05 | ブラザー工業株式会社 | Display program and information processing apparatus |
KR20140042270A (en) * | 2012-09-28 | 2014-04-07 | 삼성전자주식회사 | Method for executing for application and an electronic device thereof |
USD845978S1 (en) | 2013-01-23 | 2019-04-16 | Yandex Europe Ag | Display screen with graphical user interface |
USD741353S1 (en) * | 2013-06-10 | 2015-10-20 | Apple Inc. | Display screen or portion thereof with animated graphical user interface |
US9733784B1 (en) * | 2013-09-03 | 2017-08-15 | Amazon Technologies, Inc. | Content preview for electronic devices |
US9529509B1 (en) | 2013-09-27 | 2016-12-27 | Google Inc. | Item selection |
US9454289B2 (en) * | 2013-12-03 | 2016-09-27 | Google Inc. | Dyanmic thumbnail representation for a video playlist |
GB2521012A (en) * | 2013-12-09 | 2015-06-10 | Zebralogik Ltd | Image management system |
CN106030486B (en) * | 2013-12-24 | 2020-02-21 | 宇龙计算机通信科技(深圳)有限公司 | Batch processing method and terminal |
US9781206B2 (en) * | 2014-05-09 | 2017-10-03 | Lyve Minds, Inc. | Blended storage allocation on a storage agent |
GB2530078A (en) * | 2014-09-12 | 2016-03-16 | Samsung Electronics Co Ltd | Launching applications through an application selection screen |
WO2016039570A1 (en) | 2014-09-12 | 2016-03-17 | Samsung Electronics Co., Ltd. | Method and device for executing applications through application selection screen |
US20160260346A1 (en) * | 2015-03-02 | 2016-09-08 | Foundation For Exxcellence In Women's Healthcare, Inc. | System and computer method providing customizable and real-time input, tracking, and feedback of a trainee's competencies |
US9961239B2 (en) | 2015-06-07 | 2018-05-01 | Apple Inc. | Touch accommodation options |
EP3113040A1 (en) * | 2015-07-02 | 2017-01-04 | Zeeris Oy | Providing a user interface |
US11259088B2 (en) * | 2017-10-27 | 2022-02-22 | Google Llc | Previewing a video in response to computing device interaction |
CN109324736A (en) * | 2018-08-31 | 2019-02-12 | 阿里巴巴集团控股有限公司 | The exchange method and device of partial enlargement picture |
DK180359B1 (en) | 2019-04-15 | 2021-02-03 | Apple Inc | Accelerated scrolling and selection |
Citations (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6075905A (en) * | 1996-07-17 | 2000-06-13 | Sarnoff Corporation | Method and apparatus for mosaic image construction |
US6160553A (en) * | 1998-09-14 | 2000-12-12 | Microsoft Corporation | Methods, apparatus and data structures for providing a user interface, which exploits spatial memory in three-dimensions, to objects and in which object occlusion is avoided |
US20020109728A1 (en) * | 2000-12-18 | 2002-08-15 | International Business Machines Corporation | Method and apparatus for variable density scroll area |
US20030084087A1 (en) * | 2001-10-31 | 2003-05-01 | Microsoft Corporation | Computer system with physical presence detector to optimize computer task scheduling |
US20040143598A1 (en) * | 2003-01-21 | 2004-07-22 | Drucker Steven M. | Media frame object visualization system |
US6816272B2 (en) * | 1999-05-13 | 2004-11-09 | Hewlett-Packard Development Company, L.P. | System and method for selectively downloading data files from an optical scanner |
US20040239763A1 (en) * | 2001-06-28 | 2004-12-02 | Amir Notea | Method and apparatus for control and processing video images |
US20050134578A1 (en) * | 2001-07-13 | 2005-06-23 | Universal Electronics Inc. | System and methods for interacting with a control environment |
US20050216826A1 (en) * | 2005-05-09 | 2005-09-29 | Matrikon Inc. | Method of providing a concurrent overview and detailed display of industrial production facilities |
US7013289B2 (en) * | 2001-02-21 | 2006-03-14 | Michel Horn | Global electronic commerce system |
US20060287058A1 (en) * | 2001-08-09 | 2006-12-21 | Igt | Methods and devices for displaying multiple game elements |
US20070109411A1 (en) * | 2005-06-02 | 2007-05-17 | Searete Llc, A Limited Liability Corporation Of The State Of Delaware | Composite image selectivity |
US20070128899A1 (en) * | 2003-01-12 | 2007-06-07 | Yaron Mayer | System and method for improving the efficiency, comfort, and/or reliability in Operating Systems, such as for example Windows |
US20070238077A1 (en) * | 2006-04-11 | 2007-10-11 | Edward Strachar | Interactive Reading Teaching Tool System |
US20080010585A1 (en) * | 2003-09-26 | 2008-01-10 | Fuji Xerox Co., Ltd. | Binding interactive multichannel digital document system and authoring tool |
US20080043108A1 (en) * | 2006-08-18 | 2008-02-21 | Searete Llc, A Limited Liability Corporation Of The State Of Delaware | Capturing selected image objects |
US20090049083A1 (en) * | 2005-08-15 | 2009-02-19 | Stavros Paschalakis | Method and Apparatus for Accessing Data Using a Symbolic Representation Space |
US7895533B2 (en) * | 2007-03-13 | 2011-02-22 | Apple Inc. | Interactive image thumbnails |
US8013874B2 (en) * | 2002-01-06 | 2011-09-06 | Apple Inc. | Digital image albums |
Family Cites Families (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7165219B1 (en) * | 1992-04-10 | 2007-01-16 | Avid Technology, Inc. | Media composition system with keyboard-based editing controls |
JPH11213174A (en) * | 1998-01-28 | 1999-08-06 | Hitachi Denshi Ltd | Animation editing method |
GB9815638D0 (en) * | 1998-07-20 | 1998-09-16 | Danmere Limited | Identification of video storage media |
US7337396B2 (en) | 2001-08-08 | 2008-02-26 | Xerox Corporation | Methods and systems for transitioning between thumbnails and documents based upon thumbnail appearance |
US20030063131A1 (en) * | 2001-10-03 | 2003-04-03 | Tiger Color Inc. | Picture moving and positioning method in image processing software |
EP1538536A1 (en) * | 2003-12-05 | 2005-06-08 | Sony International (Europe) GmbH | Visualization and control techniques for multimedia digital content |
US7437005B2 (en) | 2004-02-17 | 2008-10-14 | Microsoft Corporation | Rapid visual sorting of digital files and data |
KR100706233B1 (en) | 2004-10-08 | 2007-04-11 | 삼성전자주식회사 | Semiconductor memory device and method of fabricating the same |
US8276098B2 (en) | 2006-12-22 | 2012-09-25 | Apple Inc. | Interactive image thumbnails |
-
2007
- 2007-08-06 US US11/834,570 patent/US7895533B2/en active Active
-
2008
- 2008-03-12 WO PCT/US2008/056656 patent/WO2008112759A1/en active Application Filing
-
2011
- 2011-02-18 US US13/030,733 patent/US20110145752A1/en not_active Abandoned
-
2015
- 2015-03-18 US US14/661,915 patent/US9971485B2/en active Active
Patent Citations (21)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6075905A (en) * | 1996-07-17 | 2000-06-13 | Sarnoff Corporation | Method and apparatus for mosaic image construction |
US6160553A (en) * | 1998-09-14 | 2000-12-12 | Microsoft Corporation | Methods, apparatus and data structures for providing a user interface, which exploits spatial memory in three-dimensions, to objects and in which object occlusion is avoided |
US6816272B2 (en) * | 1999-05-13 | 2004-11-09 | Hewlett-Packard Development Company, L.P. | System and method for selectively downloading data files from an optical scanner |
US20020109728A1 (en) * | 2000-12-18 | 2002-08-15 | International Business Machines Corporation | Method and apparatus for variable density scroll area |
US7013289B2 (en) * | 2001-02-21 | 2006-03-14 | Michel Horn | Global electronic commerce system |
US20040239763A1 (en) * | 2001-06-28 | 2004-12-02 | Amir Notea | Method and apparatus for control and processing video images |
US20080016467A1 (en) * | 2001-07-13 | 2008-01-17 | Universal Electronics Inc. | System and methods for interacting with a control environment |
US20050134578A1 (en) * | 2001-07-13 | 2005-06-23 | Universal Electronics Inc. | System and methods for interacting with a control environment |
US20080016468A1 (en) * | 2001-07-13 | 2008-01-17 | Universal Electronics Inc. | System and methods for interacting with a control environment |
US20060287058A1 (en) * | 2001-08-09 | 2006-12-21 | Igt | Methods and devices for displaying multiple game elements |
US20030084087A1 (en) * | 2001-10-31 | 2003-05-01 | Microsoft Corporation | Computer system with physical presence detector to optimize computer task scheduling |
US8013874B2 (en) * | 2002-01-06 | 2011-09-06 | Apple Inc. | Digital image albums |
US20070128899A1 (en) * | 2003-01-12 | 2007-06-07 | Yaron Mayer | System and method for improving the efficiency, comfort, and/or reliability in Operating Systems, such as for example Windows |
US20040143598A1 (en) * | 2003-01-21 | 2004-07-22 | Drucker Steven M. | Media frame object visualization system |
US20080010585A1 (en) * | 2003-09-26 | 2008-01-10 | Fuji Xerox Co., Ltd. | Binding interactive multichannel digital document system and authoring tool |
US20050216826A1 (en) * | 2005-05-09 | 2005-09-29 | Matrikon Inc. | Method of providing a concurrent overview and detailed display of industrial production facilities |
US20070109411A1 (en) * | 2005-06-02 | 2007-05-17 | Searete Llc, A Limited Liability Corporation Of The State Of Delaware | Composite image selectivity |
US20090049083A1 (en) * | 2005-08-15 | 2009-02-19 | Stavros Paschalakis | Method and Apparatus for Accessing Data Using a Symbolic Representation Space |
US20070238077A1 (en) * | 2006-04-11 | 2007-10-11 | Edward Strachar | Interactive Reading Teaching Tool System |
US20080043108A1 (en) * | 2006-08-18 | 2008-02-21 | Searete Llc, A Limited Liability Corporation Of The State Of Delaware | Capturing selected image objects |
US7895533B2 (en) * | 2007-03-13 | 2011-02-22 | Apple Inc. | Interactive image thumbnails |
Cited By (119)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120266103A1 (en) * | 2011-04-15 | 2012-10-18 | Google Inc. | Method and apparatus of scrolling a document displayed in a browser window |
US8341543B2 (en) | 2011-04-15 | 2012-12-25 | Google Inc. | Method and apparatus of scrolling a document displayed in a browser window |
US10338736B1 (en) | 2011-08-05 | 2019-07-02 | P4tents1, LLC | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US10540039B1 (en) | 2011-08-05 | 2020-01-21 | P4tents1, LLC | Devices and methods for navigating between user interface |
US10275087B1 (en) | 2011-08-05 | 2019-04-30 | P4tents1, LLC | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US10345961B1 (en) | 2011-08-05 | 2019-07-09 | P4tents1, LLC | Devices and methods for navigating between user interfaces |
US10365758B1 (en) | 2011-08-05 | 2019-07-30 | P4tents1, LLC | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US10386960B1 (en) | 2011-08-05 | 2019-08-20 | P4tents1, LLC | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US10649571B1 (en) | 2011-08-05 | 2020-05-12 | P4tents1, LLC | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US10656752B1 (en) | 2011-08-05 | 2020-05-19 | P4tents1, LLC | Gesture-equipped touch screen system, method, and computer program product |
US10664097B1 (en) | 2011-08-05 | 2020-05-26 | P4tents1, LLC | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
WO2013090944A1 (en) * | 2011-12-16 | 2013-06-20 | Gehry Technologies | Method and apparatus for representing 3d thumbnails |
US10175757B2 (en) | 2012-05-09 | 2019-01-08 | Apple Inc. | Device, method, and graphical user interface for providing tactile feedback for touch-based operations performed and reversed in a user interface |
US11314407B2 (en) | 2012-05-09 | 2022-04-26 | Apple Inc. | Device, method, and graphical user interface for providing feedback for changing activation states of a user interface object |
US9753639B2 (en) | 2012-05-09 | 2017-09-05 | Apple Inc. | Device, method, and graphical user interface for displaying content associated with a corresponding affordance |
US10782871B2 (en) | 2012-05-09 | 2020-09-22 | Apple Inc. | Device, method, and graphical user interface for providing feedback for changing activation states of a user interface object |
US10775999B2 (en) | 2012-05-09 | 2020-09-15 | Apple Inc. | Device, method, and graphical user interface for displaying user interface objects corresponding to an application |
US9823839B2 (en) | 2012-05-09 | 2017-11-21 | Apple Inc. | Device, method, and graphical user interface for displaying additional information in response to a user contact |
US10884591B2 (en) | 2012-05-09 | 2021-01-05 | Apple Inc. | Device, method, and graphical user interface for selecting object within a group of objects |
US10908808B2 (en) | 2012-05-09 | 2021-02-02 | Apple Inc. | Device, method, and graphical user interface for displaying additional information in response to a user contact |
US10942570B2 (en) | 2012-05-09 | 2021-03-09 | Apple Inc. | Device, method, and graphical user interface for providing tactile feedback for operations performed in a user interface |
US10969945B2 (en) | 2012-05-09 | 2021-04-06 | Apple Inc. | Device, method, and graphical user interface for selecting user interface objects |
US9886184B2 (en) | 2012-05-09 | 2018-02-06 | Apple Inc. | Device, method, and graphical user interface for providing feedback for changing activation states of a user interface object |
US10592041B2 (en) | 2012-05-09 | 2020-03-17 | Apple Inc. | Device, method, and graphical user interface for transitioning between display states in response to a gesture |
US10481690B2 (en) | 2012-05-09 | 2019-11-19 | Apple Inc. | Device, method, and graphical user interface for providing tactile feedback for media adjustment operations performed in a user interface |
WO2013169849A3 (en) * | 2012-05-09 | 2014-03-20 | Industries Llc Yknots | Device, method, and graphical user interface for displaying user interface objects corresponding to an application |
US10775994B2 (en) | 2012-05-09 | 2020-09-15 | Apple Inc. | Device, method, and graphical user interface for moving and dropping a user interface object |
US11068153B2 (en) | 2012-05-09 | 2021-07-20 | Apple Inc. | Device, method, and graphical user interface for displaying user interface objects corresponding to an application |
US9971499B2 (en) | 2012-05-09 | 2018-05-15 | Apple Inc. | Device, method, and graphical user interface for displaying content associated with a corresponding affordance |
US11221675B2 (en) * | 2012-05-09 | 2022-01-11 | Apple Inc. | Device, method, and graphical user interface for providing tactile feedback for operations performed in a user interface |
US9990121B2 (en) | 2012-05-09 | 2018-06-05 | Apple Inc. | Device, method, and graphical user interface for moving a user interface object based on an intensity of a press input |
US9996231B2 (en) | 2012-05-09 | 2018-06-12 | Apple Inc. | Device, method, and graphical user interface for manipulating framed graphical objects |
US10996788B2 (en) | 2012-05-09 | 2021-05-04 | Apple Inc. | Device, method, and graphical user interface for transitioning between display states in response to a gesture |
US11010027B2 (en) | 2012-05-09 | 2021-05-18 | Apple Inc. | Device, method, and graphical user interface for manipulating framed graphical objects |
US10042542B2 (en) | 2012-05-09 | 2018-08-07 | Apple Inc. | Device, method, and graphical user interface for moving and dropping a user interface object |
US9619076B2 (en) | 2012-05-09 | 2017-04-11 | Apple Inc. | Device, method, and graphical user interface for transitioning between display states in response to a gesture |
US10175864B2 (en) | 2012-05-09 | 2019-01-08 | Apple Inc. | Device, method, and graphical user interface for selecting object within a group of objects in accordance with contact intensity |
US9612741B2 (en) | 2012-05-09 | 2017-04-04 | Apple Inc. | Device, method, and graphical user interface for displaying additional information in response to a user contact |
US10073615B2 (en) | 2012-05-09 | 2018-09-11 | Apple Inc. | Device, method, and graphical user interface for displaying user interface objects corresponding to an application |
US20220129076A1 (en) * | 2012-05-09 | 2022-04-28 | Apple Inc. | Device, Method, and Graphical User Interface for Providing Tactile Feedback for Operations Performed in a User Interface |
US11023116B2 (en) | 2012-05-09 | 2021-06-01 | Apple Inc. | Device, method, and graphical user interface for moving a user interface object based on an intensity of a press input |
US10095391B2 (en) | 2012-05-09 | 2018-10-09 | Apple Inc. | Device, method, and graphical user interface for selecting user interface objects |
US11354033B2 (en) | 2012-05-09 | 2022-06-07 | Apple Inc. | Device, method, and graphical user interface for managing icons in a user interface region |
US10114546B2 (en) | 2012-05-09 | 2018-10-30 | Apple Inc. | Device, method, and graphical user interface for displaying user interface objects corresponding to an application |
US10126930B2 (en) | 2012-05-09 | 2018-11-13 | Apple Inc. | Device, method, and graphical user interface for scrolling nested regions |
US10191627B2 (en) | 2012-05-09 | 2019-01-29 | Apple Inc. | Device, method, and graphical user interface for manipulating framed graphical objects |
US10496260B2 (en) | 2012-05-09 | 2019-12-03 | Apple Inc. | Device, method, and graphical user interface for pressure-based alteration of controls in a user interface |
US10168826B2 (en) | 2012-05-09 | 2019-01-01 | Apple Inc. | Device, method, and graphical user interface for transitioning between display states in response to a gesture |
US9965074B2 (en) | 2012-12-29 | 2018-05-08 | Apple Inc. | Device, method, and graphical user interface for transitioning between touch input to display output relationships |
US9778771B2 (en) | 2012-12-29 | 2017-10-03 | Apple Inc. | Device, method, and graphical user interface for transitioning between touch input to display output relationships |
US10620781B2 (en) | 2012-12-29 | 2020-04-14 | Apple Inc. | Device, method, and graphical user interface for moving a cursor according to a change in an appearance of a control icon with simulated three-dimensional characteristics |
US9857897B2 (en) | 2012-12-29 | 2018-01-02 | Apple Inc. | Device and method for assigning respective portions of an aggregate intensity to a plurality of contacts |
US10185491B2 (en) | 2012-12-29 | 2019-01-22 | Apple Inc. | Device, method, and graphical user interface for determining whether to scroll or enlarge content |
US9959025B2 (en) | 2012-12-29 | 2018-05-01 | Apple Inc. | Device, method, and graphical user interface for navigating user interface hierarchies |
US10175879B2 (en) | 2012-12-29 | 2019-01-08 | Apple Inc. | Device, method, and graphical user interface for zooming a user interface while performing a drag operation |
US10437333B2 (en) | 2012-12-29 | 2019-10-08 | Apple Inc. | Device, method, and graphical user interface for forgoing generation of tactile output for a multi-contact gesture |
US10101887B2 (en) | 2012-12-29 | 2018-10-16 | Apple Inc. | Device, method, and graphical user interface for navigating user interface hierarchies |
US10915243B2 (en) | 2012-12-29 | 2021-02-09 | Apple Inc. | Device, method, and graphical user interface for adjusting content selection |
US9996233B2 (en) | 2012-12-29 | 2018-06-12 | Apple Inc. | Device, method, and graphical user interface for navigating user interface hierarchies |
US10078442B2 (en) | 2012-12-29 | 2018-09-18 | Apple Inc. | Device, method, and graphical user interface for determining whether to scroll or select content based on an intensity theshold |
US10037138B2 (en) | 2012-12-29 | 2018-07-31 | Apple Inc. | Device, method, and graphical user interface for switching between user interfaces |
US9665206B1 (en) | 2013-09-18 | 2017-05-30 | Apple Inc. | Dynamic user interface adaptable to multiple input tools |
US10691317B2 (en) | 2014-10-24 | 2020-06-23 | Flow Labs, Inc. | Target-directed movement in a user interface |
US20180088785A1 (en) * | 2015-02-26 | 2018-03-29 | Flow Labs, Inc. | Navigating a set of selectable items in a user interface |
US10387029B2 (en) | 2015-03-08 | 2019-08-20 | Apple Inc. | Devices, methods, and graphical user interfaces for displaying and using menus |
US10402073B2 (en) | 2015-03-08 | 2019-09-03 | Apple Inc. | Devices, methods, and graphical user interfaces for interacting with a control object while dragging another object |
US10268341B2 (en) | 2015-03-08 | 2019-04-23 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US10048757B2 (en) | 2015-03-08 | 2018-08-14 | Apple Inc. | Devices and methods for controlling media presentation |
US10268342B2 (en) | 2015-03-08 | 2019-04-23 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US10095396B2 (en) | 2015-03-08 | 2018-10-09 | Apple Inc. | Devices, methods, and graphical user interfaces for interacting with a control object while dragging another object |
US10067645B2 (en) | 2015-03-08 | 2018-09-04 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US10860177B2 (en) | 2015-03-08 | 2020-12-08 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US9990107B2 (en) | 2015-03-08 | 2018-06-05 | Apple Inc. | Devices, methods, and graphical user interfaces for displaying and using menus |
US9645732B2 (en) | 2015-03-08 | 2017-05-09 | Apple Inc. | Devices, methods, and graphical user interfaces for displaying and using menus |
US11112957B2 (en) | 2015-03-08 | 2021-09-07 | Apple Inc. | Devices, methods, and graphical user interfaces for interacting with a control object while dragging another object |
US9645709B2 (en) | 2015-03-08 | 2017-05-09 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US10338772B2 (en) | 2015-03-08 | 2019-07-02 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US10613634B2 (en) | 2015-03-08 | 2020-04-07 | Apple Inc. | Devices and methods for controlling media presentation |
US10180772B2 (en) | 2015-03-08 | 2019-01-15 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US9632664B2 (en) | 2015-03-08 | 2017-04-25 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US9785305B2 (en) | 2015-03-19 | 2017-10-10 | Apple Inc. | Touch input cursor manipulation |
US11054990B2 (en) | 2015-03-19 | 2021-07-06 | Apple Inc. | Touch input cursor manipulation |
US9639184B2 (en) | 2015-03-19 | 2017-05-02 | Apple Inc. | Touch input cursor manipulation |
US11550471B2 (en) | 2015-03-19 | 2023-01-10 | Apple Inc. | Touch input cursor manipulation |
US10222980B2 (en) | 2015-03-19 | 2019-03-05 | Apple Inc. | Touch input cursor manipulation |
US10599331B2 (en) | 2015-03-19 | 2020-03-24 | Apple Inc. | Touch input cursor manipulation |
US10067653B2 (en) | 2015-04-01 | 2018-09-04 | Apple Inc. | Devices and methods for processing touch inputs based on their intensities |
US10152208B2 (en) | 2015-04-01 | 2018-12-11 | Apple Inc. | Devices and methods for processing touch inputs based on their intensities |
US10705718B2 (en) | 2015-06-07 | 2020-07-07 | Apple Inc. | Devices and methods for navigating between user interfaces |
US11240424B2 (en) | 2015-06-07 | 2022-02-01 | Apple Inc. | Devices and methods for capturing and interacting with enhanced digital images |
US10455146B2 (en) | 2015-06-07 | 2019-10-22 | Apple Inc. | Devices and methods for capturing and interacting with enhanced digital images |
US10346030B2 (en) | 2015-06-07 | 2019-07-09 | Apple Inc. | Devices and methods for navigating between user interfaces |
US10841484B2 (en) | 2015-06-07 | 2020-11-17 | Apple Inc. | Devices and methods for capturing and interacting with enhanced digital images |
US11231831B2 (en) | 2015-06-07 | 2022-01-25 | Apple Inc. | Devices and methods for content preview based on touch input intensity |
US9706127B2 (en) | 2015-06-07 | 2017-07-11 | Apple Inc. | Devices and methods for capturing and interacting with enhanced digital images |
US9674426B2 (en) | 2015-06-07 | 2017-06-06 | Apple Inc. | Devices and methods for capturing and interacting with enhanced digital images |
US10303354B2 (en) | 2015-06-07 | 2019-05-28 | Apple Inc. | Devices and methods for navigating between user interfaces |
US9830048B2 (en) | 2015-06-07 | 2017-11-28 | Apple Inc. | Devices and methods for processing touch inputs with instructions in a web page |
US9916080B2 (en) | 2015-06-07 | 2018-03-13 | Apple Inc. | Devices and methods for navigating between user interfaces |
US10200598B2 (en) | 2015-06-07 | 2019-02-05 | Apple Inc. | Devices and methods for capturing and interacting with enhanced digital images |
US9860451B2 (en) | 2015-06-07 | 2018-01-02 | Apple Inc. | Devices and methods for capturing and interacting with enhanced digital images |
US9891811B2 (en) | 2015-06-07 | 2018-02-13 | Apple Inc. | Devices and methods for navigating between user interfaces |
US11681429B2 (en) | 2015-06-07 | 2023-06-20 | Apple Inc. | Devices and methods for capturing and interacting with enhanced digital images |
US9602729B2 (en) | 2015-06-07 | 2017-03-21 | Apple Inc. | Devices and methods for capturing and interacting with enhanced digital images |
US11835985B2 (en) | 2015-06-07 | 2023-12-05 | Apple Inc. | Devices and methods for capturing and interacting with enhanced digital images |
US10235035B2 (en) | 2015-08-10 | 2019-03-19 | Apple Inc. | Devices, methods, and graphical user interfaces for content navigation and manipulation |
US10963158B2 (en) | 2015-08-10 | 2021-03-30 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US11182017B2 (en) | 2015-08-10 | 2021-11-23 | Apple Inc. | Devices and methods for processing touch inputs based on their intensities |
US10884608B2 (en) | 2015-08-10 | 2021-01-05 | Apple Inc. | Devices, methods, and graphical user interfaces for content navigation and manipulation |
US10754542B2 (en) | 2015-08-10 | 2020-08-25 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US10698598B2 (en) | 2015-08-10 | 2020-06-30 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US10416800B2 (en) | 2015-08-10 | 2019-09-17 | Apple Inc. | Devices, methods, and graphical user interfaces for adjusting user interface objects |
US10248308B2 (en) | 2015-08-10 | 2019-04-02 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interfaces with physical gestures |
US11327648B2 (en) | 2015-08-10 | 2022-05-10 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US10209884B2 (en) | 2015-08-10 | 2019-02-19 | Apple Inc. | Devices, Methods, and Graphical User Interfaces for Manipulating User Interface Objects with Visual and/or Haptic Feedback |
US10203868B2 (en) | 2015-08-10 | 2019-02-12 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US10162452B2 (en) | 2015-08-10 | 2018-12-25 | Apple Inc. | Devices and methods for processing touch inputs based on their intensities |
US11740785B2 (en) | 2015-08-10 | 2023-08-29 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US9880735B2 (en) | 2015-08-10 | 2018-01-30 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
Also Published As
Publication number | Publication date |
---|---|
WO2008112759A1 (en) | 2008-09-18 |
US9971485B2 (en) | 2018-05-15 |
US20080225153A1 (en) | 2008-09-18 |
US20150193132A1 (en) | 2015-07-09 |
US7895533B2 (en) | 2011-02-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9971485B2 (en) | Interactive image thumbnails | |
US9959293B2 (en) | Interactive image thumbnails | |
US20080229248A1 (en) | Associating geographic location information to digital objects for editing | |
AU2008284179B2 (en) | Updating content display based on cursor position | |
CN101606122B (en) | Interactive image thumbnails | |
US7705858B2 (en) | Techniques for displaying digital images on a display | |
US8578297B2 (en) | Method of browsing media items using thumbnails | |
US7725837B2 (en) | Digital image browser | |
EP1805584B1 (en) | Displaying digital images using groups, stacks, and version sets | |
US20150199115A1 (en) | Information management with non-hierarchical views | |
KR20120113738A (en) | Gallery application for content viewing | |
JP2005276178A (en) | Rapid visual sorting for digital file and data | |
JP2007322847A (en) | Image display method and device, and program | |
JP2009284070A (en) | Image browsing apparatus, and program | |
JP2009282606A (en) | Image browsing device and program | |
WO2010084602A1 (en) | Image display system, method, and program | |
JP2010044498A (en) | Image processor | |
US20230186540A1 (en) | Information processing apparatus, information processing method, and storage medium | |
JP2009282607A (en) | Image browsing device and program | |
AU2012201724A1 (en) | Updating content display based on cursor position |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
STCB | Information on status: application discontinuation |
Free format text: ABANDONED -- FAILURE TO PAY ISSUE FEE |