METHOD, SYSTEM AND COMPUTER PROGRAM FOR CREATING AND EDITING A WEBSITE

• US 20100251143A1
• Filed: 03/27/2009
• Published: 09/30/2010
• Est. Priority Date: 03/27/2009
• Status: Abandoned Application

• Current Assignee: The Ransom Group, Inc.
• Original Assignee: The Ransom Group, Inc.
• Inventors: Thomas, Charles M., Ransom, Tim
• Application Number:
  US12/412,487
• Publication Number:
  US 20100251143A1
• Time in Patent Office: Days
• US Class Current: 715/760
• CPC Class Codes: G06F 16/958 Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Abstract

A method for creating and editing a website comprising providing an extensible website manager application that allows non-technical users to create and edit websites using website components, providing a developer registry of themes, layouts and blocks created by developers, installing the extensible website manager application on a computer storage medium, utilizing a web service as an interface between the extensible website manager application and a client application, allowing the user to add content to a webpage by dragging and dropping content onto the webpage, allowing the user to edit content on a webpage using a toolset that is physically located on the webpage itself and displaying the webpage to the user in real time during creation and/or editing of the webpage exactly as it will be displayed to end users after it is published. The present invention also encompasses a system and computer program similar to the method described above.

Claims

1. A method for creating and editing a website comprising:

(a) providing an extensible website manager application that allows non-technical users to create and edit websites using website components, wherein the website components comprise themes, layouts and blocks;

(b) providing a developer registry of themes, layouts and blocks created by developers and managed by the extensible website manager application;

(e) installing the extensible website manager application on a computer storage medium;

(d) utilizing a web service as an interface between the extensible website manager application and a client application, wherein the client application provides a graphical user interface for the web service;

(e) allowing the non-technical user to add content to a webpage by dragging and dropping content onto the webpage;

(f) allowing the non-technical user to edit content on a webpage using a toolset that is physically located on the webpage itself; and

(g) displaying the webpage to the non-technical user in real time during creation and/or editing of the webpage exactly as it will be displayed to end users after it is published.

2. The method of claim 1, further comprising creating a user website folder and populating it with a registry file, a webpages folder, a media folder, a media registry file, and a media tags file for each new website created by the non-technical user.

3. The method of claim 1, further comprising providing a site tools tool palette that is represented as a movable tool palette on top of other HTML elements within a webpage and is accessible to the user, wherein the site tools tool palette is a dynamic HTML element.

4. The method of claim 3, wherein the site tools tool palette comprises a publish site tool that is used to publish the website.

5. The method of claim 3, wherein each webpage within the website is associated with a set of properties, and wherein the site tools tool palette comprises a page properties tool that retrieves the set of properties for a given webpage and allows the user to edit the webpage properties.

6. The method of claim 5, wherein each webpage property has a data format, and the data format of all of the webpage properties is the same.

7. The method of claim 3, wherein the site tools tool palette comprises a preview page tool that displays the webpage as it will appear after it is published.

8. The method of claim 3, wherein a block is a dynamic HTML element, wherein the webpage comprises panel tools and block tools, wherein the site tools tool palette comprises an add to this page tool that allows the user to add blocks to the webpage by clicking on a block icon and releasing it on a specific portion of the webpage, and wherein the release of the block icon creates an instance of the block within the specific portion of the webpage in which the block icon was released.

9. The method of claim 3, wherein the site tools tool palette comprises a delete this page tool that allows the user to delete the webpage.

10. The method of claim 3, wherein the site tools tool palette comprises a create new page tool that allows the user to create a new webpage.

11. The method of claim 10, wherein the create new page tool comprises a layout chooser that lists layout definitions from which the user selects a layout definition for the website, and wherein the layout definitions are DHTML elements.

12. The method of claim 3, wherein the website comprises multiple webpages, and wherein the site tools tool palette comprises a go to page tool that allows the user to navigate to any webpage within the website.

13. The method of claim 3, wherein the website comprises a set of website properties, and wherein the site tools tool palette comprises a settings tool that allows the user to retrieve and edit the website properties.

14. The method of claim 13, wherein each website property has a data format, and the data format of all of the website properties is the same.

15. The method of claim 14, wherein each webpage within the website is associated with a set of properties, wherein the site tools tool palette comprises a page properties tool that retrieves the set of properties for a given webpage and allows the user to edit the webpage properties, wherein each webpage property has a data format, wherein the data format of all of the webpage properties is the same, and wherein the data format of the webpage properties is the same as the data format of the website properties.

16. The method of claim 13, wherein the website properties are loaded into a properties dialog that allows the user to make changes to and save the website properties.

17. The method of claim 1, further comprising providing an edit tools palette that is represented as a movable tool palette on top of other HTML elements within a webpage and is accessible to the user, wherein the edit tools palette is a dynamic HTML element.

18. The method of claim 17, wherein each webpage comprises one or more blocks, wherein each block comprises properties and field values, and wherein the edit tools palette is used to manage the properties and field values of blocks within a webpage.

19. The method of claim 17, wherein the webpage comprises editable field tools, and when the user clicks a mouse on an editable field tool, the edit tools tool palette becomes active and visible.

20. The method of claim 1, further comprising providing block tool overlays, wherein a block tool overlay is a graphical toolset for managing a block.

21. The method of claim 20, wherein each webpage has a body HTML Document Object Model element, wherein each block corresponds to a block tool, and wherein the block tool overlay is comprised of one or more HTML Document Object Model elements that are created dynamically using Javascript, appended to the webpage'"'"'s body HTML DOM element, and configured to be positioned over the block tool that corresponds with the block that is managed by the block tool overlay.

22. The method of claim 20, wherein the webpage comprises one or more panels, wherein each block has a structure and appearance, wherein each block has a block definition, wherein each block definition contains files that describe the structure and appearance of a block, wherein each block definition comprise one or more property files, and wherein the property files are imported to any webpage that references the block definition in one or more of its panels.

23. The method of claim 1, wherein each block comprises one or more fields, and wherein each block is associated with a developer-defined render module that communicates to the extensible website manager application how to display the fields of the block on a webpage.

24. The method of claim 1, wherein blocks are stored in webpage files, wherein each block has a component property, wherein if the component property changes from inactive to active, then the block is moved from the webpage file to a website file and becomes a component, wherein a block instance is created and stored in the webpage file where the block was stored before it was moved to the website file, and wherein the block instance references the component that was used to the webpage file.

25. The method of claim 24, wherein the component appears on every page of the website in the form of a block instance.

26. The method of claim 1, wherein at least one block comprises a field, wherein the field appears on a webpage, wherein the field comprises a css attribute, wherein the css attribute references a CSS property with a value,

further comprising providing a toolset that allows the user to change the value of the CSS property, thereby causing the webpage on which the field appears to change in real time to reflect the value assigned by the user to the CSS property.

27. A system for creating and editing a website comprising:

(a) an extensible website manager application that allows non-technical users to create and edit websites using website components, wherein the website components comprise themes, layouts and blocks, and wherein the extensible website manager application is installed on a computer storage medium;

(b) a developer registry of themes, layouts and blocks created by developers and managed by the extensible website manager application; and

(c) a web service that acts as an interface between the extensible website manager application and a client application, wherein the client application provides a graphical user interface for the web service;

wherein the non-technical user adds content to a webpage by dragging and dropping content onto the webpage;

wherein the non-technical user edits content on a webpage using a toolset that is physically located on the webpage itself; and

wherein the webpage is displayed to the non-technical user in real time during creation and/or editing of the webpage exactly as it will be displayed to end users after it is published.

28. The system of claim 27, further comprising a user website folder that is populated with a registry file, a webpages folder, a media folder, a media registry file, and a media tags file for each new website created by the non-technical user.

29. The system of claim 27, further comprising a site tools tool palette that is represented as a movable tool palette on top of other HTML elements within a webpage and is accessible to the user, wherein the site tools tool palette is a dynamic HTML element.

30. The system of claim 29, wherein the site tools tool palette comprises a publish site tool that is used to publish the website.

31. The system of claim 29, wherein each webpage within the website is associated with a set of properties, and wherein the site tools tool palette comprises a page properties tool that retrieves the set of properties for a given webpage and allows the user to edit the webpage properties.

32. The system of claim 31, wherein each webpage property has a data format, and the data format of all of the webpage properties is the same.

33. The system of claim 29, wherein the site tools tool palette comprises a preview page tool that displays the webpage as it will appear after it is published.

34. The system of claim 29, wherein a block is a dynamic HTML element, wherein the webpage comprises panel tools and block tools, wherein the site tools tool palette comprises an add to this page tool that allows the user to add blocks to the webpage by clicking on a block icon and releasing it on a specific portion of the webpage, and wherein the release of the block icon creates an instance of the block within the specific portion of the webpage in which the block icon was released.

35. The system of claim 29, wherein the site tools tool palette comprises a delete this page tool that allows the user to delete the webpage.

36. The system of claim 29, wherein the site tools tool palette comprises a create new page tool that allows the user to create a new webpage.

37. The system of claim 36, wherein the create new page tool comprises a layout chooser that lists layout definitions from which the user selects a layout definition for the website, and wherein the layout definitions are DHTML elements.

38. The system of claim 29, wherein the website comprises multiple webpages, and wherein the site tools tool palette comprises a go to page tool that allows the user to navigate to any webpage within the website.

39. The system of claim 29, wherein the website comprises a set of website properties, and wherein the site tools tool palette comprises a settings tool that allows the user to retrieve and edit the website properties.

40. The system of claim 39, wherein each website property has a data format, and the data format of all of the website properties is the same.

41. The system of claim 40, wherein each webpage within the website is associated with a set of properties, wherein the site tools tool palette comprises a page properties tool that retrieves the set of properties for a given webpage and allows the user to edit the webpage properties, wherein each webpage property has a data format, wherein the data format of all of the webpage properties is the same, and wherein the data format of the webpage properties is the same as the data format of the website properties.

42. The system of claim 39, wherein the website properties are loaded into a properties dialog that allows the user to make changes to and save the website properties.

43. The system of claim 27, further comprising an edit tools palette that is represented as a movable tool palette on top of other HTML elements within a webpage and is accessible to the user, wherein the edit tools palette is a dynamic HTML element.

44. The system of claim 43, wherein each webpage comprises one or more blocks, wherein each block comprises properties and field values, and wherein the edit tools palette is used to manage the properties and field values of blocks within a webpage.

45. The system of claim 43, wherein the webpage comprises editable field tools, and when the user clicks a mouse on an editable field tool, the edit tools tool palette becomes active and visible.

46. The system of claim 27 further comprising one or more block tool overlays, wherein a block tool overlay is a graphical toolset for managing a block.

47. The system of claim 46, wherein each webpage has a body HTML Document Object Model element, wherein each block corresponds to a block tool, and wherein the block tool overlay is comprised of one or more HTML Document Object Model elements that are created dynamically using Javascript, appended to the webpage'"'"'s body HTML DOM element, and configured to be positioned over the block tool that corresponds with the block that is managed by the block tool overlay.

48. The system of claim 46, wherein the webpage comprises one or more panels, wherein each block has a structure and appearance, wherein each block has a block definition, wherein each block definition contains files that describe the structure and appearance of a block, wherein each block definition comprise one or more property files, and wherein the property files are imported to any webpage that references the block definition in one or more of its panels.

49. The system of claim 27, wherein each block comprises one or more fields, and wherein each block is associated with a developer-defined render module that communicates to the extensible website manager application how to display the fields of the block on a webpage.

50. The system of claim 27, wherein blocks are stored in webpage files, wherein each block has a component property, wherein if the component property changes from inactive to active, then the block is moved from the webpage file to a website file and becomes a component, wherein a block instance is created and stored in the webpage file where the block was stored before it was moved to the website file, and wherein the block instance references the component that was used to the webpage file.

51. The system of claim 50, wherein the component appears on every page of the website in the form of a block instance.

52. The system of claim 27, wherein at least one block comprises a field, wherein the field appears on a webpage, wherein the field comprises a css attribute, wherein the css attribute references a CSS property with a value,

further comprising a toolset that allows the user to change the value of the CSS property, thereby causing the webpage on which the field appears to change in real time to reflect the value assigned by the user to the CSS property.

53. A computer program for creating and editing a website comprising:

(a) an extensible website manager application that allows nontechnical users to create and edit websites using website components, wherein the website components comprise themes, layouts and blocks, and wherein the extensible website manager application is installed on a computer storage medium;

(b) a developer registry of themes, layouts and blocks created by developers and managed by the extensible website manager application; and

(c) a web service that acts as an interface between the extensible website manager application and a client application, wherein the client application provides a graphical user interface for the web service;

wherein the non-technical user adds content to a webpage by dragging and dropping content onto the webpage;

wherein the non-technical user edits content on a webpage using a toolset that is physically located on the webpage itself; and

wherein the webpage is displayed to the non-technical user in real time during creation and/or editing of the webpage exactly as it will be displayed to end users after it is published.

54. The computer program of claim 53, further comprising a user website folder that is populated with a registry file, a webpages folder, a media folder, a media registry file, and a media tags file for each new website created by the non-technical user.

55. The computer program of claim 53, further comprising a site tools tool palette that is represented as a movable tool palette on top of other HTML elements within a webpage and is accessible to the user, wherein the site tools tool palette is a dynamic HTML element.

56. The computer program of claim 55, wherein the site tools tool palette comprises a publish site tool that is used to publish the website.

57. The computer program of claim 55, wherein each webpage within the website is associated with a set of properties, and wherein the site tools tool palette comprises a page properties tool that retrieves the set of properties for a given webpage and allows the user to edit the webpage properties.

58. The computer program of claim 57, wherein each webpage property has a data format, and the data format of all of the webpage properties is the same.

59. The computer program of claim 55, wherein the site tools tool palette comprises a preview page tool that displays the webpage as it will appear after it is published.

60. The computer program of claim 55, wherein a block is a dynamic HTML element, wherein the webpage comprises panel tools and block tools, wherein the site tools tool palette comprises an add to this page tool that allows the user to add blocks to the webpage by clicking on a block icon and releasing it on a specific portion of the webpage, and wherein the release of the block icon creates an instance of the block within the specific portion of the webpage in which the block icon was released.

61. The computer program of claim 55, wherein the site tools tool palette comprises a delete this page tool that allows the user to delete the webpage.

62. The computer program of claim 55, wherein the site tools tool palette comprises a create new page tool that allows the user to create a new webpage.

63. The computer program of claim 62, wherein the create new page tool comprises a layout chooser that lists layout definitions from which the user selects a layout definition for the website, and wherein the layout definitions are DHTML elements.

64. The computer program of claim 55, wherein the website comprises multiple webpages, and wherein the site tools tool palette comprises a go to page tool that allows the user to navigate to any webpage within the website.

65. The computer program of claim 55, wherein the website comprises a set of website properties, and wherein the site tools tool palette comprises a settings tool that allows the user to retrieve and edit the website properties.

66. The computer program of claim 65, wherein each website property has a data format, and the data format of all of the website properties is the same.

67. The computer program of claim 66, wherein each webpage within the website is associated with a set of properties, wherein the site tools tool palette comprises a page properties tool that retrieves the set of properties for a given webpage and allows the user to edit the webpage properties, wherein each webpage property has a data format, wherein the data format of all of the webpage properties is the same, and wherein the data format of the webpage properties is the same as the data format of the website properties.

68. The computer program of claim 65, wherein the website properties are loaded into a properties dialog that allows the user to make changes to and save the website properties.

69. The computer program of claim 53, further comprising an edit tools palette that is represented as a movable tool palette on top of other HTML elements within a webpage and is accessible to the user, wherein the edit tools palette is a dynamic HTML element.

70. The computer program of claim 69, wherein each webpage comprises one or more blocks, wherein each block comprises properties and field values, and wherein the edit tools palette is used to manage the properties and field values of blocks within a webpage.

71. The computer program of claim 69, wherein the webpage comprises editable field tools, and when the user clicks a mouse on an editable field tool, the edit tools tool palette becomes active and visible.

72. The computer program of claim 53 further comprising one or more block tool overlays, wherein a block tool overlay is a graphical toolset for managing a block.

73. The computer program of claim 72, wherein each webpage has a body HTML Document Object Model clement, wherein each block corresponds to a block tool, and wherein the block tool overlay is comprised of one or more HTML Document Object Model elements that are created dynamically using Javascript, appended to the webpage'"'"'s body HTML DOM element, and configured to be positioned over the block tool that corresponds with the block that is managed by the block tool overlay.

74. The computer program of claim 72, wherein the webpage comprises one or more panels, wherein each block has a structure and appearance, wherein each block has a block definition, wherein each block definition contains files that describe the structure and appearance of a block, wherein each block definition comprise one or more property files, and wherein the property files are imported to any webpage that references the block definition in one or more of its panels.

75. The computer program of claim 53, wherein each block comprises one or more fields, and wherein each block is associated with a developer-defined render module that communicates to the extensible website manager application how to display the fields of the block on a webpage.

76. The computer program of claim 53, wherein blocks are stored in webpage files, wherein each block has a component property, wherein if the component property changes from inactive to active, then the block is moved from the webpage file to a website file and becomes a component, wherein a block instance is created and stored in the webpage file where the block was stored before it was moved to the website file, and wherein the block instance references the component that was used to the webpage file.

77. The computer program of claim 76, wherein the component appears on every page of the website in the form of a block instance.

78. The computer program of claim 53, wherein at least one block comprises a field, wherein the field appears on a webpage, wherein the field comprises a css attribute, wherein the css attribute references a CSS property with a value, further comprising a toolset that allows the user to change the value of the CSS property, thereby causing the webpage on which the field appears to change in real time to reflect the value assigned by the user to the CSS property.