Web-Clip Widgets on a Portable Multifunction Device

• US 20080055273A1
• Filed: 09/04/2007
• Published: 03/06/2008
• Est. Priority Date: 09/06/2006
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Forstall, Scott
• Granted Patent: US 7,940,250 B2
• Time in Patent Office: Days
• US Class Current: 345/173
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: H04M 1/72403 with means for local support of applications that increase the functionality
• CPC Class Codes: H04M 1/72445 for supporting Internet browser applications

Abstract

In a computer-implemented method for use at a portable multifunction device with a touch screen display, a web page or portion thereof is displayed on the touch screen display. An activation of a web-clip widget creation icon is detected. In response to detecting the activation, a web-clip widget is created from the web page or portion thereof.

Claims

1. A computer-implemented method, comprising:

at a portable multifunction device with a touch screen display,

displaying a web page or portion thereof on the touch screen display;

detecting an activation of a web-clip widget creation icon by a finger gesture on the web-clip widget creation icon;

in response to detecting the activation, displaying a user interface that enables a user to create a web-clip widget; and

creating a web-clip widget, wherein creating a web-clip widget comprises;

detecting one or more finger gestures to select an area in the web page or portion thereof for use in the web-clip widget;

requesting a name for the web-clip widget;

receiving the name;

storing the name;

creating an icon corresponding to the web-clip widget; and

displaying the icon in a menu or list of icons.

2. A computer-implemented method, comprising:

at a portable multifunction device with a touch screen display,

displaying a web page or portion thereof on the touch screen display;

detecting an activation of a web-clip widget creation icon; and

in response to detecting the activation, creating a web-clip widget from the web page or portion thereof.

3. The computer-implemented method of claim 2, wherein detecting the activation of the web-clip widget creation icon comprises detecting a finger gesture on the web-clip widget creation icon.

4. The computer-implemented method of claim 3, wherein the finger gesture is a tap gesture.

5. The computer-implemented method of claim 2, wherein creating the web-clip widget comprises detecting one or more finger gestures to select an area in the web page or portion thereof for use by the web-clip widget.

6. The computer-implemented method of claim 2, wherein creating the web-clip widget comprises detecting one or more finger gestures to scale an area in the web page or portion thereof for display by the web-clip widget.

7. The computer-implemented method of claim 2, wherein creating the web-clip widget comprises requesting a name for the web-clip widget, receiving the name, and storing the name.

8. The computer-implemented method of claim 2, wherein creating the web-clip widget comprises creating an icon corresponding to the web-clip widget.

9. The computer-implemented method of claim 8, wherein the icon corresponding to the web-clip widget is displayed in a menu or list of icons.

10. The computer-implemented method of claim 9, wherein the menu or list of icons comprises a menu or list of applications and widgets on the multifunction device.

11. The computer-implemented method of claim 9, wherein the menu or list of icons comprises a menu or list of widgets on the multifunction device.

12. The computer-implemented method of claim 9, wherein the menu or list of icons comprises a menu or list of user-created web-clip widgets on the multifunction device.

13. The computer-implemented method of claim 9, further including:

detecting an activation of the icon corresponding to the web-clip widget; and

displaying the web-clip widget.

14. The computer-implemented method of claim 2, wherein the web-clip widget creation icon is an indicator embedded in the web page to select a corresponding area in the web page or portion thereof for use by the web-clip widget.

15. The computer-implemented method of claim 14, wherein the indicator is a button icon displayed in the web page.

16. The computer-implemented method of claim 2, including:

detecting an activation of a widget editing icon;

in response to detecting the activation of the widget editing icon, displaying one or more settings associated with the web-clip widget;

receiving a change to a setting of the one or more settings;

storing the change; and

ceasing to display the one or more settings.

17. The computer-implemented method of claim 16, including displaying an animation of flipping the web-clip widget, to reveal the one or more settings.

18. The computer-implemented method of claim 16, including detecting one or more finger gestures to refocus an area in the web page or portion thereof for use by the web-clip widget.

19. The computer-implemented method of claim 2, including storing the web-clip widget as a bookmark in a browser application.

20. The computer-implemented method of claim 19, wherein the web-clip widget is encoded as a URL associated with the bookmark.

21. The computer-implemented method of claim 2, including sending the web-clip widget to a web server for storage.

22. The computer-implemented method of claim 21, wherein the web-clip widget stored on the web server is publicly accessible.

23. The computer-implemented method of claim 2, including sending the web-clip widget to an electronic device external to the portable multifunction device, wherein the external electronic device stores the web-clip widget, detects an activation of the web-clip widget, and, in response to detecting the activation of the web-clip widget, displays the web-clip widget.

24. The computer-implemented method of claim 23, including sending the web-clip widget to the external electronic device via email.

25. The computer-implemented method of claim 23, including sending the web-clip widget to the external electronic device via instant messaging.

26. The computer-implemented method of claim 25, wherein the instant messaging uses Short Message Service (SMS).

27. A computer-implemented method, comprising:

at a portable multifunction device with a touch screen display,

detecting an activation of a web-clip widget creation icon;

selecting an area in a web page or portion thereof displayed on the touch screen display;

detecting a finishing gesture; and

in response to detecting the finishing gesture, creating a web-clip widget from the selected area.

28. The computer-implemented method of claim 27, wherein detecting the activation of the web-clip widget creation icon comprises detecting a finger gesture on the web-clip widget creation icon.

29. The computer-implemented method of claim 28, wherein the finger gesture is a tap gesture.

30. The computer-implemented method of claim 27, wherein detecting the finishing gesture comprises detecting a finger gesture on an icon.

31. The computer-implemented method of claim 30, wherein the finger gesture is a tap gesture.

32. The computer-implemented method of claim 27, wherein selecting the area comprises toggling between frames, wherein the frames are successively overlaid on the displayed web page or portion thereof.

33. The computer-implemented method of claim 27, wherein selecting the area comprises detecting one or more finger gestures to select an area in the web page or portion thereof for use by the web-clip widget.

34. The computer-implemented method of claim 27, wherein selecting the area comprises detecting one or more finger gestures to scale an area in the web page or portion thereof for display by the web-clip widget.

35. The computer-implemented method of claim 27, wherein creating the web-clip widget comprises requesting a name for the web-clip widget, receiving the name, and storing the name.

36. The computer-implemented method of claim 27, wherein creating the web-clip widget comprises creating an icon corresponding to the web-clip widget.

37. The computer-implemented method of claim 36, wherein the icon corresponding to the web-clip widget is displayed in a menu or list of icons.

38. The computer-implemented method of claim 37, wherein the menu or list of icons comprises a menu or list of applications and widgets on the multifunction device.

39. The computer-implemented method of claim 37, wherein the menu or list of icons comprises a menu or list of widgets on the multifunction device.

40. The computer-implemented method of claim 37, wherein the menu or list of icons comprises a menu or list of user-created web-clip widgets on the multifunction device.

41. The computer-implemented method of claim 37, further including:

detecting an activation of the icon corresponding to the web-clip widget; and

displaying the web-clip widget.

42. The computer-implemented method of claim 27, including:

detecting an activation of a widget editing icon;

in response to detecting the activation of the widget editing icon, displaying one or more settings associated with the web-clip widget;

receiving a change to a setting of the one or more settings;

storing the change; and

ceasing to display the one or more settings.

43. The computer-implemented method of claim 42, including displaying an animation of flipping the web-clip widget, to reveal the one or more settings.

44. The computer-implemented method of claim 42, including detecting one or more finger gestures to refocus an area in the web page or portion thereof for use by the web-clip widget.

45. The computer-implemented method of claim 27, including storing the web-clip widget as a bookmark in a browser application.

46. The computer-implemented method of claim 45, wherein the web-clip widget is encoded as a URL associated with the bookmark.

47. The computer-implemented method of claim 27, including sending the web-clip widget to a web server for storage.

48. The computer-implemented method of claim 47, wherein the web-clip widget stored on the web server is publicly accessible.

49. The computer-implemented method of claim 27, including sending the web-clip widget to an electronic device external to the portable multifunction device, wherein the external electronic device stores the web-clip widget, detects an activation of the web-clip widget, and, in response to detecting the activation of the web-clip widget, displays the web-clip widget.

50. The computer-implemented method of claim 49, including sending the web-clip widget to the external electronic device via email.

51. The computer-implemented method of claim 49, including sending the web-clip widget to the external electronic device via instant messaging.

52. The computer-implemented method of claim 51, wherein the instant messaging uses Short Message Service (SMS).

53. A computer-implemented method, comprising:

at a portable multifunction device with a touch screen display,

displaying an icon corresponding to a plurality of widgets, including two or more web-clip widgets;

detecting an activation of the icon;

in response to detecting the activation, displaying a first portion of the two or more web-clip widgets on the touch screen display;

detecting a gesture on the touch screen display; and

in response to detecting the gesture, displaying a second portion of the two or more web-clip widgets on the touch screen display.

54. The computer-implemented method of claim 53, wherein the first portion is a first web-clip widget.

55. The computer-implemented method of claim 53, wherein the second portion is a second web-clip widget.

56. The computer-implemented method of claim 53, wherein the gesture is a scrolling gesture, and wherein, in response to detecting the scrolling gesture, a displayed portion of the two or more web-clip widgets is scrolled from the first portion to the second portion.

57. The computer-implemented method of claim 53, wherein the gesture is a de-pinching gesture, and wherein, in response to detecting the de-pinching gesture, a displayed portion of the two or more web-clip widgets is zoomed in from the first portion to the second portion.

58. The computer-implemented method of claim 53, wherein the gesture is a finger tap on an area within the first portion, and wherein the second portion is centered on the area and is zoomed in with respect to the first portion.

59. A computer-implemented method, comprising:

at a portable multifunction device with a touch screen display,

displaying an icon corresponding to a plurality of widgets, including two or more web-clip widgets;

detecting an activation of the icon;

in response to detecting the activation of the icon, displaying a plurality of icons corresponding to respective widgets in the plurality of widgets;

detecting an activation of a respective icon in the plurality of icons, corresponding to a respective web-clip widget;

in response to detecting the activation of the respective icon, displaying the respective web-clip widget;

detecting a gesture on the touch screen display; and

in response to detecting the gesture, ceasing display of the respective web-clip widget and displaying another web-clip widget.

60. The computer-implemented method of claim 59, wherein the gesture is a swipe gesture.

61. A graphical user interface on a portable multifunction device with a touch screen display, comprising:

a web-clip widget creation icon; and

a web page or portion thereof;

wherein;

in response to detecting activation of the web-clip widget creation icon, a web-clip widget is created from the web page or portion thereof.

62. A graphical user interface on a portable multifunction device with a touch screen display, comprising:

a web-clip widget creation icon; and

a web page or portion thereof;

wherein;

in response to detecting activation of the web-clip widget creation icon, detecting selection of an area in a web page or portion thereof displayed on the touch screen display, and detecting a finishing gesture, a web-clip widget is created from the selected area.

63. A portable multifunction device, comprising:

a touch screen display;

one or more processors;

memory; and

one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the programs including;

instructions for displaying a web page or portion thereof on the touch screen display;

instructions for detecting an activation of a web-clip widget creation icon; and

instructions for creating, in response to detecting the activation, a web-clip widget from the web page or portion thereof.

64. A portable multifunction device, comprising:

a touch screen display;

one or more processors;

memory; and

one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the programs including;

instructions for detecting an activation of a web-clip widget creation icon;

instructions for selecting an area in a web page or portion thereof displayed on the touch screen display;

instructions for detecting a finishing gesture; and

instructions for creating a web-clip widget from the selected area, in response to detecting the finishing gesture.

65. A computer-program product, comprising:

a computer readable storage medium and a computer program mechanism embedded therein, the computer program mechanism comprising instructions, which when executed by a portable multifunction device with a touch screen display, cause the device to;

display a web page or portion thereof on the touch screen display;

detect an activation of a web-clip widget creation icon; and

create, in response to detecting the activation, a web-clip widget from the web page or portion thereof.

66. A computer-program product, comprising:

a computer readable storage medium and a computer program mechanism embedded therein, the computer program mechanism comprising instructions, which when executed by a portable multifunction device with a touch screen display, cause the device to;

detect an activation of a web-clip widget creation icon;

select an area in a web page or portion thereof displayed on the touch screen display;

detect a finishing gesture; and

create a web-clip widget from the selected area, in response to detecting the finishing gesture.

67. A portable multifunction device with a touch screen display, comprising:

means for displaying a web page or portion thereof on the touch screen display;

means for detecting an activation of a web-clip widget creation icon; and

means for creating, in response to detecting the activation, a web-clip widget from the web page or portion thereof.

68. A portable multifunction device with a touch screen display, comprising:

means for detecting an activation of a web-clip widget creation icon;

means for selecting an area in a web page or portion thereof displayed on the touch screen display;

means for detecting a finishing gesture; and

means for creating a web-clip widget from the selected area, in response to detecting the finishing gesture.