Web-clip widgets on a portable multifunction device

• US 7,940,250 B2
• Filed: 09/04/2007
• Issued: 05/10/2011
• Est. Priority Date: 09/06/2006
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Forstall, Scott
• Primary Examiner(s): Sherman; Stephen G
• Application Number:
  US11/850,011
• Publication Number:
  US 20080055273A1
• Time in Patent Office: 1,344 Days
• Field of Search: 345/173, 345/156, 345/168, 715/234, 715/235, 715/764, 715/765, 715/810, 715/866, 455/566, 709/228
• 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 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 a web-clip widget creation operation;

in response to detecting the web-clip widget creation operation;

creating a web-clip widget from the web page or portion thereof, wherein the web-clip widget comprises an area in the web page or portion thereof scaled in response to detecting one or more finger gestures; and

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

displaying the icon corresponding to the web-clip widget with icons for one or more applications.

2. The method of claim 1, wherein detecting web-clip widget creation operation comprises detecting a finger gesture on a web-clip widget creation icon.

3. The method of claim 2, wherein the finger gesture is a tap gesture.

4. The 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.

5. The method of claim 4, wherein the indicator is a button icon displayed in the web page.

6. The method of claim 1, 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.

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

8. The method of claim 1, wherein the icon corresponding to the web-clip widget and the icons for one or more applications are displayed in a menu or list of icons.

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

10. The method of claim 8, wherein at least one of the one or more applications are downloaded applications.

11. The method of claim 8, wherein the icons for the one or more applications have a size and shape that is the same as a size and shape of the icon corresponding to the web-clip widget.

12. The method of claim 8, further including:

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

displaying the web-clip widget.

13. The method of claim 1, 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.

14. The method of claim 13, including displaying an animation of flipping the web-clip widget, to reveal the one or more settings.

15. The method of claim 13, 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.

16. The method of claim 1, including storing the web-clip widget as a bookmark in a browser application.

17. The method of claim 16, wherein the web-clip widget is encoded as a URL associated with the bookmark.

18. The method of claim 1, including sending the web-clip widget to a web server for storage.

19. The method of claim 18, wherein the web-clip widget stored on the web server is publicly accessible.

20. The method of claim 1, 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.

21. The method of claim 20, including sending the web-clip widget to the external electronic device via email.

22. The method of claim 20, including sending the web-clip widget to the external electronic device via instant messaging.

23. The method of claim 22, wherein the instant messaging uses Short Message Service (SMS).

24. A method, comprising:

at a portable multifunction device with a touch screen display;

displaying a webpage in a browser application on the touch screen display;

detecting one or more gestures by a user on the webpage;

in response to detecting the one or more gestures by a user on the webpage, displaying a user-specified area of the webpage at a user-specified scale factor on the touch screen display;

detecting a web-clip widget creation operation;

in response to detecting the web-clip widget creation operation;

creating a web-clip widget;

detecting activation of the web-clip widget; and

in response to detecting activation of the web-clip widget;

displaying the user-specified area of the webpage on the touch screen display at the user-specified scale factor.

25. The method of claim 24, wherein detecting the web-clip widget creation operation comprises detecting a finger gesture on a web-clip widget creation icon.

26. The method of claim 25, wherein the finger gesture is a tap gesture.

27. The method of claim 24, including:

in response to detecting the web-clip widget creation operation;

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

displaying the icon corresponding to the web-clip widget with icons for one or more applications.

28. The method of claim 27, wherein at least one of the one or more applications include a downloaded application.

29. The method of claim 24, wherein the user-specified area of the webpage is selected in response to toggling between frames, wherein the frames are successively overlaid on the displayed web page or portion thereof.

30. The method of claim 24, wherein the user-specified area of the webpage is selected in response to detecting one or more finger gestures to select an area in the web page or portion thereof for use by the web-clip widget.

31. The method of claim 24, wherein the user-specified area of the webpage is selected in response to detecting one or more finger gestures to scale an area in the web page or portion thereof for display by the web-clip widget.

32. The method of claim 24, wherein creating the web-clip widget comprises requesting a name for the web-clip widget, receiving the name, and storing the name.

33. The method of claim 24, wherein creating the web-clip widget comprises creating an icon corresponding to the web-clip widget.

34. The method of claim 33, wherein the icon corresponding to the web-clip widget is displayed in a menu or list of icons.

35. The method of claim 34, wherein the menu or list of icons comprises a menu or list of applications and widgets on the multifunction device.

36. The method of claim 34, wherein the menu or list of icons comprises a menu or list of widgets on the multifunction device.

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

38. The method of claim 24, further including:

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

launching the browser application, wherein the user-specified area of the webpage is displayed in the browser application on the touch screen display.

39. The method of claim 24, 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.

40. The method of claim 39, including displaying an animation of flipping the web-clip widget, to reveal the one or more settings.

41. The method of claim 39, 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.

42. The method of claim 24, including storing the web-clip widget as a bookmark in a browser application.

43. The method of claim 42, wherein the web-clip widget is encoded as a URL associated with the bookmark.

44. The method of claim 24, including sending the web-clip widget to a web server for storage.

45. The method of claim 44, wherein the web-clip widget stored on the web server is publicly accessible.

46. The method of claim 24, 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.

47. The method of claim 46, including sending the web-clip widget to the external electronic device via email.

48. The method of claim 46, including sending the web-clip widget to the external electronic device via instant messaging.

49. The method of claim 48, wherein the instant messaging uses Short Message Service (SMS).

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

a web page or portion thereof;

wherein;

in response to detecting a web-clip widget creation operation

a web-clip widget is created from the web page or portion thereof, wherein the web-clip widget comprises an area in the web page or portion thereof scaled in response to detecting one or more finger gestures; and

an icon corresponding to the web-clip widget is created; and

the icon corresponding to the web-clip widget is displayed with icons for one or more applications.

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

a web page or portion thereof;

wherein;

a webpage is displayed in a browser application on the touch screen display;

one or more gestures are detected by a user on the webpage;

in response to detecting the one or more gestures by a user on the webpage, a user-specified area of the webpage is displayed at a user-specified scale factor on the touch screen display;

a web-clip widget creation operation is detected;

in response to detecting of the web-clip widget creation operation;

in response to detecting activation of the web-clip widget, the user-specified area of the webpage is displayed on the touch screen display at the user-specified scale factor.

52. 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;

detecting a web-clip widget creation operation;

in response to detecting the web-clip widget creation operation;

creating a web-clip widget from the web page or portion thereof, wherein the web-clip widget comprises an area in the web page or portion thereof scaled in response to detecting one or more finger gestures; and

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

displaying the icon corresponding to the web-clip widget with icons for one or more applications.

53. The device of claim 52, 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.

54. The device of claim 52, wherein the icon corresponding to the web-clip widget and the icons for one or more applications are displayed in a menu or list of icons.

55. The device of claim 52, including instructions for:

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

displaying the web-clip widget.

56. The device of claim 52, including instructions for:

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.

57. 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 webpage in a browser application on the touch screen display;

detecting one or more gestures by a user on the webpage;

in response to detecting the one or more gestures by a user on the webpage, displaying a user-specified area of the webpage at a user-specified scale factor on the touch screen display;

detecting a web-clip widget creation operation;

in response to detecting the finishing gesture web-clip widget creation operation;

creating a web-clip widget;

detecting activation of the web-clip widget; and

in response to detecting activation of the web-clip widget;

displaying the user-specified area of the webpage on the touch screen display at the user-specified scale factor.

58. The device of claim 57, including instructions for:

in response to detecting the web-clip widget creation operation;

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

displaying the icon corresponding to the web-clip widget with icons for one or more applications.

59. The device of claim 57, wherein at least one of the one or more applications include a downloaded application.

60. The device of claim 57, wherein the user-specified area of the webpage is selected in response to detecting one or more finger gestures to select an area in the web page or portion thereof for use by the web-clip widget.

61. The device of claim 57, wherein the user-specified area of the webpage is selected in response to detecting one or more finger gestures to scale an area in the web page or portion thereof for display by the web-clip widget.

62. The device of claim 57, including instructions for:

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

launching the browser application, wherein the user-specified area of the webpage is displayed in the browser application on the touch screen display.

63. A non-transitory computer readable storage medium storing one or more programs, the one or more programs 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 a web-clip widget creation operation

in response to detecting web-clip widget creation operation;

create a web-clip widget from the web page or portion thereof, wherein the web-clip widget comprises an area in the web page or portion thereof scaled in response to detecting one or more finger gestures;

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

displaying the icon corresponding to the web-clip widget with icons for one or more applications.

64. The computer readable storage medium of claim 63, 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.

65. The computer readable storage medium of claim 63, wherein the icon corresponding to the web-clip widget and the icons for one or more applications are displayed in a menu or list of icons.

66. The computer readable storage medium of claim 63, including instructions for:

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

displaying the web-clip widget.

67. The computer readable storage medium of claim 63, including instructions for:

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.

68. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by a portable multifunction device with a touch screen display, cause the device to:

display a webpage in a browser application on the touch screen display;

detect one or more gestures by a user on the webpage;

in response to detecting the one or more gestures by a user on the webpage, display a user-specified area of the webpage at a user-specified scale factor on the touch screen display;

detect a web-clip widget creation operation;

in response to detecting the web-clip widget creation operation;

creating a web-clip widget;

detect activation of the web-clip widget; and

in response to detecting activation of the web-clip widget;

display the user-specified area of the webpage on the touch screen display at the user-specified scale factor.

69. The computer readable storage medium of claim 68, including instructions for:

in response to detecting the web-clip widget creation operation;

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

displaying the icon corresponding to the web-clip widget with icons for one or more applications.

70. The computer readable storage medium of claim 68, wherein at least one of the one or more applications include a downloaded application.

71. The computer readable storage medium of claim 68, wherein the user-specified area of the webpage is selected in response to detecting one or more finger gestures to select an area in the web page or portion thereof for use by the web-clip widget.

72. The computer readable storage medium of claim 68, wherein the user-specified area of the webpage is selected in response to detecting one or more finger gestures to scale an area in the web page or portion thereof for display by the web-clip widget.

73. The computer readable storage medium of claim 68, including instructions for:

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

launching the browser application, wherein the user-specified area of the webpage is displayed in the browser application on the touch screen display.