USER INTERFACE FRAMEWORK AND TOOLS FOR RAPID DEVELOPMENT OF WEB APPLICATIONS

• US 20150186132A1
• Filed: 12/31/2013
• Published: 07/02/2015
• Est. Priority Date: 12/31/2013
• Status: Abandoned Application

• Current Assignee: Wolters Kluwer United States Incorporated (Wolters Kluwer Nv)
• Original Assignee: Wolters Kluwer United States Incorporated (Wolters Kluwer Nv)
• Inventors: Oliveri, Anthony, Dulak, Piotr, Maleszewski, Sebastian, Cuper, Adam, Majewski, Pawel
• Application Number:
  US14/145,848
• Publication Number:
  US 20150186132A1
• Time in Patent Office: Days
• US Class Current: 1/1
• CPC Class Codes: G06F 8/34 Graphical or visual programming
• CPC Class Codes: G06F 8/60 Software deployment

Abstract

Web application development system with an associated user interface framework and a set of tools for the creation, configuration, management, and deployment of web applications that may be based on application templates and controlled by configurable runtime attributes. User interface framework contains packaged set of libraries for rapid creation of web applications, including template applications with configuration points called configurable runtime attributes. Tools contain a wizard-style application for selection of configurable runtime attributes and a web-based resource manager for selection of configurable runtime attributes, management of application packs including internationalization and skin packs, in-place editing of web application elements, and web application deployment.

Claims

1. A computer-implemented website application resource management system comprising:

a memory;

an element inspection tool;

an element attribute display and editing module;

a website application display module;

a skin pack module;

wherein the website application viewing module is configured to present a website application containing one or more user interface elements;

wherein the element inspection tool is configured to receive user input to select one of the one or more user interface elements displayed by the application display module;

wherein the element attribute display and editing module is configured to retrieve from the memory and display one or more attributes and corresponding attribute values associated with said user-selected component;

wherein the element attribute values determine the manner in which the corresponding components are to be displayed by the website application viewing module;

wherein the element attribute display and editing module is further configured to receive user input to alter one or more attribute values associated with said selected element;

wherein the website application display module is further configured to present the user-selected element according to the one or more user-altered attributes; and

wherein the skin pack module is configured to store a collection of attribute values in the memory corresponding to elements displayed in the website application display module.

2. The system of claim 1 wherein the skin pack module is further configured to retrieve a previously stored skin pack and apply the previously stored skin pack'"'"'s component attribute values to the website application displayed in the application viewing module.

3. The system of claim 1 further comprising:

an element path panel to display the hierarchical location of a selected component.

4. The system of claim 1 further comprising:

a toggle switch to highlight elements selected using the component inspection tool.

5. The system of claim 1 further comprising:

a switch to display an element tree panel.

6. The system of claim 1 further comprising:

wherein the website application viewing module is configured to indicate the currently selected component by rendering a border around said component.

7. The system of claim 1 further comprising:

an option to select the display of tooltips.

8. The system of claim 1 further comprising:

an application resource bundle manager panel.

9. The system of claim 1 further comprising:

a toggle switch to highlight components selected using the inspection tool.

10. The system of claim 1, wherein the highlighting comprises rendering a border around the selected component.

11. The system of claim 1 further comprising a bar to select from among Start, Skinning, Internationalization, and View Templating.

12. The system of claim 1, wherein the element tree panel comprises collapsible nodes.

13. The system of claim 1, wherein the component attributes displayed in the component attribute panel comprise one or more of:

selector, appearance, layout, background, border, font, paragraph, or other.

14. A browser interface for website application package management, wherein the browser interface includes:

a component text attribute panel;

a website application viewing panel;

a language pack manager;

wherein the component text attribute panel displays a list of one or more components in the website application;

wherein the component text attribute panel is adapted to receive input from a user to select a component in the website application;

wherein the component text attribute panel displays the text associated with the selected component and is adapted to receive new text from a user;

wherein the language pack manager is adapted to store a currently displayed set of component attributes as a language pack.

15. A browser interface for website application package management, wherein the browser interface includes:

a component text attribute panel;

a website application viewing panel;

a language pack manager;

wherein the language pack manager is adapted to receive input from a user to select a stored language pack; and

wherein the language pack manager applies the selected language pack to the components in the website application.

16. A method for managing website application packages, the method including:

receiving user input to select a component displayed in an application viewing panel;

displaying attributes of said selected component in a component attribute panel;

receiving user input to alter one or more attributes of said selected component;

storing a set of attributes for one or more components as a skin pack.

17. A method for configuring website applications based on templates, the method including:

selecting an website application template with configurable runtime attributes;

choosing values for said configurable runtime attributes to configure the website application;

deploying said configured web site application to an electronic content delivery platform.