Automatic formatting and validating of text for a markup language graphical user interface

RESERVATION OF COPYRIGHT

[0003] A portion of the disclosure of this patent document contains material to which a claim of copyright protection is made. The copyright owner has no objection to the facsimile reproduction by anyone of the patent document or the patent disclosure as it appears in the Patent and Trademark Office patent file or records, but reserves all other rights whatsoever.

FIELD OF THE INVENTION

[0004] The present invention relates to the field of graphical user interfaces (GUIs), and more particularly, to a system and method for data formatting and validation of graphical user interface text fields.

DESCRIPTION OF THE RELATED ART

[0005] Graphical user interfaces (GUIs) often include text fields for accepting text input or displaying text output. For example, graphical user interfaces may comprise a “form”, that is a series of text fields with a look and feel similar to a paper-based form. Many text fields are designed to accept text input or display text output that is often formatted or demarcated in a particular way. For example, a social security number text field may be formatted according to the pattern “###-##-####”, where each ‘#’ placeholder represents a digit.

[0006] User interfaces often enable users to enter text in free form and have the text be automatically validated or formatted according to the appropriate pattern. For example, a user may be able to type the text “555555555” in a social security number field and the text may automatically appear in the field as “555-55-5555”. On the other hand, if the user enters invalid text, e.g. “55y555555”, in the field, then the application may indicate that the text is invalid, e.g., by displaying the text in red.

[0007] One problem involved with enabling this type of automatic text validation/formatting is that the algorithms can be tedious and time-consuming to implement. Also, the algorithm implementations are prone to errors. It may be relatively easy to design a validation/formatting algorithm for the social security pattern example above, but other types of text patterns or codes may be significantly more complicated, and it can be time-consuming and difficult to verify that the algorithms work correctly for all cases. Rather than expending the effort to implement robust text validation/formatting code, software developers often opt to forgo the validation/formatting procedures altogether. Thus, it may be desirable to provide an implementation of correct code for performing validation/formatting procedures, and to enable the code to be reused.

[0008] Graphical user interfaces based on markup language descriptions are becoming increasingly important and common in applications. This is in part due to the popularity and importance of the World Wide Web and web applications, many of which utilize graphical user interfaces created from markup language descriptions, such as HTML or XML-derived markup language descriptions. GUIs created from markup languages may enable users to interact with an application using a familiar type of user interface and may enable software developers to develop user interfaces that are largely separated from application logic.

[0009] However, existing methods for performing text formatting and validating procedures for markup language user interface text fields often mix application logic with user interface code. For example, many HTML pages include validation/formatting logic in the HTML page itself, e.g., as JavaScript event handlers that are called in response to certain user interface events. Thus, validation/formatting code may need to be included in each page needing validation/formatting procedures to be performed, which may make the application difficult to maintain, may expose portions of application logic to users, etc., in addition to the drawbacks described above.

SUMMARY OF THE INVENTION

[0010] The problems outlined above may in large part be solved by providing a system and method for automatically performing validation and/or formatting procedures for a graphical user interface (GUI) described in a markup language file. The markup language may be any of various markup languages, including HTML and XML-derived markup languages. The graphical user interface markup language description may comprise descriptions of various types of graphical user interface elements for which text is to be validated/formatted, such as form fields, tables, hypertext links, etc.

[0011] An author of a markup language file may include various custom markup language attributes in order to automatically validate/format text for a GUI element. For example, an HTML file may include the following GUI element description:

[0012] which includes a custom HSFORMAT=“usssn” attribute, indicating that the element should be validated/formatted according to a U.S. social security number pattern. Any of various codes or patterns may be supported in a particular embodiment, and an extensible framework enabling support for new types of codes or patterns to be easily “plugged in” may be utilized, as described below.

[0013] The validation/formatting procedures may be managed by an executable component referred to as a “validation/formatting manager component”. The markup language file may include a tag for instantiating the validation/formatting manager component, as appropriate to a particular markup language. For example, an HTML file may include an <object> or <applet> tag for instantiating the manager component. The tag for instantiating the validation/formatting manager component may include attributes or sub-tags for specifying the default behavior of the validation/formatting manager component.

[0014] The validation/formatting manager component is operable to perform validation/formatting for GUI elements, based on the custom markup language attributes. The manager component may obtain a reference to a document object describing the markup language file and its various elements, or may be passed a reference to such a document object when the component is instantiated. For example, for an HTML file, this document object may be constructed based on the standard HTML Document Object Model (DOM) or a variant of the DOM, such as Microsoft's Dynamic HTML Object Model. The validation/formatting manager component may traverse the document object in order to determine information regarding the custom validating/formatting attributes associated with each GUI element.

[0015] The validation/formatting manager component may interface with the application displaying the markup language GUI in order to receive dynamic programmatic events from the application. For example, as a user presses keys to type text into a social security number field, the application may generate a “KeyUp” event as each key is released. In response to receiving the “KeyUp” event associated with the social security number field, the validation/formatting manager component may be operable to retrieve the text from the field, e.g., via the document object, and then perform a validation/formatting procedure on the text.

[0016] In one embodiment, custom attributes specifying how the validation/formatting manager component should respond to events associated with a GUI element may be added to a GUI element description in the markup language file. For example, the input form field HTML element description shown above may be modified with a custom attribute, such as:

[0017] where the HSVALKEYUP=“1” attribute specifies that the validation/formatting manager component should validate the text associated with the input form field in response to receiving “KeyUp” events associated with the form field. As described below, any of various other custom attributes specifying validation/formatting information may be supported.

[0018] In one embodiment, the validation/formatting manager component is operable to perform the various validating/formatting procedures itself. However, in the preferred embodiment, the validation/formatting manager component interfaces with various validation/formatting components, where each validation/formatting component may correspond to a particular text pattern or code. As described below, the manager component may use an attribute describing the pattern or code associated with a GUI element, e.g., the HSFORMAT=“usssn” example attribute shown above, in order to determine the appropriate validation/formatting component.

[0019] Each validation/formatting component preferably provides methods according to a standard validation/formatting interface, so that the manager component may call each validation/formatting component independently of the particular text pattern or code associated with the component. Thus, validation/formatting components may be added to the framework as desired.

[0020] After calling the appropriate method of the validation/formatting component and receiving the results, the validation/formatting manager component may take any of various actions, as appropriate. For example, in response to determining that the text for a GUI element is invalid, the manager component may cause the GUI element text to turn red, e.g., by setting a property in the document object controlling the GUI element text color. As another example, in response to receiving a properly formatted text buffer in accordance with a particular text pattern or code, the manager component may re-set the GUI element text value to use the formatted text. As described below, various aspects of the behavior of the manager component, such as when to call validation/formatter methods, what to do in response to receiving the method results, etc., may be specified by validation/formatting information in the markup language file.

BRIEF DESCRIPTION OF THE DRAWINGS

[0021] A better understanding of the present invention can be obtained when the following detailed description of the preferred embodiment is considered in conjunction with the following drawings, in which:

[0022]
FIG. 1 illustrates one embodiment of a system enabling the automatic validating/formatting of text associated with markup language graphical user interface (GUI) elements;

[0023]
FIG. 2 is a flowchart diagram illustrating one embodiment of a process for performing validating/formatting operations for a graphical user interface created from a markup language description;

[0024]
FIG. 3 illustrates one embodiment of a standard validation/formatting interface supported by validation/formatting components;

[0025]
FIG. 4 illustrates an embodiment employing a factory component;

[0026] FIGS. 5A-5C illustrate a graphical user interface created from an HTML description;

[0027]
FIG. 6 illustrates one embodiment of an architecture of an application utilizing a validating/formatting component;

[0028]
FIG. 7 is a flowchart diagram illustrating an example of an application using a validating/formatting component to validate/format user interface input text;

[0029]
FIG. 8 is a flowchart diagram illustrating an example of an application using a validating/formatting component to validate/format output text; and

[0030]
FIG. 9 illustrates one embodiment of a web application architecture for performing automatic validation/formatting as described herein.

[0031] While the invention is susceptible to various modifications and alternative forms specific embodiments are shown by way of example in the drawings and are herein described in detail. It should be understood however, that drawings and detailed description thereto are not intended to limit the invention to the particular form disclosed. But on the contrary the invention is to cover all modifications, equivalents and alternatives falling within the spirit and scope of the present invention as defined by the appended claims.

DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS

Incorporation by Reference

[0032] The following references are hereby incorporated by reference.

[0033] For information on the Component Object Model, please refer to:

[0034] Box, Essential COM, Addison-Wesley, 1998; or to

[0035] Chappell, Understanding ActiveX and OLE, Microsoft Press, 1996.

[0036] For information on constructing applications that utilize the Microsoft Internet Explorer code base, please refer to:

[0037] Isaacs, Inside Dynamic HTML, Microsoft Press, 1997; or to

[0038] Roberts, Programming Microsoft Internet Explorer 5, Microsoft Press, 1999.

FIG. 1—System for Automatic Validation/Formatting

[0039]
FIG. 1 illustrates one embodiment of a system enabling the automatic validating/formatting of text associated with markup language graphical user interface (GUI) elements.

[0040] The embodiment of FIG. 1 illustrates an application program 100, which processes a markup language file 102. The application program 100 may be any type of application program enabled to process a markup language file. For example, the application program may be a web browser application enabled to process an HTML file or an XML-derived markup language file. The application program 100 may also be an application that is not considered to be a web browser application per se, but includes web browsing capabilities. For example, various web browser applications, such as the Microsoft Internet Explorer web browser, enable applications to interface with the web browser code base, in order to utilize its capabilities. Thus, the application program 100 may itself provide the executable code for processing the markup language file 102, or the application program 100 may interface with another application which processes the markup language file 102.

[0041] The markup language file 102 may be a file comprising any type of markup language code, such as HTML code, XML-derived markup language code, or another type of markup language code. The markup language file may include a description of a graphical user interface, i.e., various markup language descriptions of GUI elements, which the application program 100 is operable to process and display a graphical user interface corresponding to the GUI elements. The GUI description may comprise descriptions of GUI elements with which text may be associated in various ways. For example, a GUI element may comprise one or more fields for accepting text input and/or displaying text output, may comprise a text label, etc. Examples of GUI elements with which text may be associated include form fields, tables, hypertext links, etc.

[0042] As shown in FIG. 1, a validating/formatting manager component 104 interfaces with the application program 100. The validating/formatting manager component 104 may interface with the application program in any of various ways, as supported by a particular application program. For example, for a Windows-based application, the manager component may interface with the application via Component Object Model (COM) interfaces. In other embodiments, the manager component and the application may communicate using other means, such as Java interfaces, CORBA interfaces, etc.

[0043] In one embodiment, the validating/formatting manager component 104 is an executable component that is instantiated in response to the application program 100 processing the markup language file 102. The markup language file may comprise markup language code, e.g. a particular tag, causing the application program to instantiate the validating/formatting manager component. For example, an HTML markup language file may comprise an <OBJECT> or an <APPLET> tag for instantiating the manager component. The validating/formatting manager component 104 may be any of various types of executable modules or components, as supported by a particular application and environment, such as an ActiveX/COM object, a Java object, etc. As an example, in a Windows application processing an HTML file, the validation/formatting manager component may be instantiated as an ActiveX control with markup language code such as:

1<OBJECTID=“hsDHTMLCt1”CLASSID=“clsid:17F34ED5-FB59-11D1-801A-00201829472A”ALIGN=“baseline” BORDER=“0” WIDTH=“0” HEIGHT=“0”></OBJECT>

[0044] The validating/formatting manager component 104 is enabled to receive programmatic user interface events associated with the markup language GUI from the application program 100, using appropriate means for a particular embodiment. For example, for a manager component that interfaces with an application program via COM interfaces, the manager component may receive programmatic events via a COM connection point event mechanism. In one embodiment, the application program 100 utilizes the Microsoft Internet Explorer code base to process the markup language file and display the GUI, and the manager component 104 interfaces with the Internet Explorer components in order to receive events associated with the GUI. For more information on interfacing with Internet Explorer components, please refer to the above-incorporated references.

[0045] The validating/formatting manager component 104 may receive various types of user interface events from the application program 100, depending on the particular embodiment. Each type of GUI element, e.g., table cell, hypertext link, etc., may have a particular set of associated user interface events. As examples, user interface events may correspond to the following actions performed on a GUI element:

[0046] changing the value of the GUI element

[0047] pressing a key

[0048] releasing a key

[0049] causing the GUI element to gain user interface focus

[0050] causing the GUI element to lose user interface focus

[0051] moving a mouse pointer over the GUI element

[0052] moving a mouse pointer away from the GUI element

[0053] clicking on the GUI element

[0054] double-clicking on the GUI element

[0055] This list is exemplary only, and actions performed on a GUI element may cause the application program 100 to send many other types of events to the manager component 104. It is noted that, in addition to receiving user interface events that are initiated in response to a user action such as a mouse click, the manager component 104 may also receive events that are initiated in response to a programmatic action, e.g., programmatically setting the text value of an input field.

[0056] As shown in FIG. 1 and described below, the validating/formatting manager component 104 may interact with various types of validating/formatting components 106. Each validating/formatting component 106 may be operable to validate/format text according to a particular pattern or code. For example, FIG. 1 illustrates exemplary validating/formatting components 106 for Coordination of Benefits (COB) codes, Current Procedural Terminology (CPT) codes, HCFA Common Procedure Coding System (HCPCS) codes, and International Classification of Diseases (ICD) codes. The interaction of the validating/formatting manager component 104 with validating/formatting components 106 is described below.

FIG. 2—Validating/Formatting Process

[0057]
FIG. 2 is a flowchart diagram illustrating one embodiment of a process for performing validating/formatting operations for a graphical user interface created from a markup language description.

[0058] As shown in step 200, an application program processes a markup language file comprising a description of a graphical user interface.

[0059] In step 202, the application program instantiates a validation/formatting manager component. For example, as described above, the markup language file may comprise information, e.g., a tag, causing the application to instantiate the validation/formatting manager component.

[0060] As described above, the markup language file may comprise descriptions of various GUI elements of a graphical user interface. The GUI may comprise any of various types of user interface elements, and the application may display the GUI in any of various ways, depending on the particular markup language, the way the application is configured to process the markup language, the particular computer system the application is running on, etc. An example of an HTML markup language file and its associated GUI are discussed below.

[0061] The markup language file GUI descriptions may comprise information usable by the validation/formatting manager component to perform various types of validating/formatting operations. This information may exist as markup language tag attributes, e.g., by adding custom validation/formatting attributes to a standard markup language (or by incorporating the validation/formatting attributes into the specification of the markup language). For example, an HTML input form field element may have a description such as:

[0062] In this example, the validation/formatting manager component may be operable to use the HSFORMAT attribute to associate the input element with a particular pattern or code, i.e., a Coordination of Benefits (COB) code, and the validation/formatting manager component may be operable to use the HSVALKEYUP attribute to validate text for the input element in response to a particular user action performed on the input element, i.e., pressing and releasing a key.

[0063] The validation/formatting manager component may be operable to determine the validation/formatting information specified in the GUI descriptions in any of various ways. For example, in one embodiment, the manager component may obtain a reference to a “document object” describing the markup language file. The manager component may obtain a reference to the document object by being passed a reference to the document objet when the manager component is instantiated. The document object may encapsulate objects, e.g., object-oriented style objects, that are arranged in a hierarchy and are related to each other in such a way as to form a representation of the markup language file and its various elements.

[0064] For example, for an HTML file, the document object may be created according to the standard HTML Document Object Model (DOM) or a variant of the DOM, such as Microsoft's Dynamic HTML Object Model. In this case, the document object may encapsulate an object hierarchy comprising objects representing various HTML elements comprised in the HTML file, such as frames, images, links, etc. For more information on the DOM, please refer to the World Wide Web Consortium's DOM Specification or to the above-incorporated references. As another example, for an XML file, the document object may be created according to the XML Object Model. The document object is preferably created by the application program in step 200, as part of processing the markup language file. For example, web browser programs (or programs using web browser program components) are typically enabled to create a document object according to the HTML Document Object Model as part of processing an HTML file.

[0065] After obtaining or receiving a reference to a document object describing the markup language file, the validation/formatting manager component may traverse the document object, checking to see whether each of the various GUI element descriptions comprise validation/formatting information, e.g., stored as attributes such as described above. The manager component may store the validation/formatting information in a data structure for rapid access later.

[0066] It is noted that validation/formatting information may be listed in the markup language file so that the information applies to multiple GUI elements. For example, for an HTML table element, the <TABLE> tag itself may comprise an HSFORMAT=“phone” attribute, so that a telephone number pattern is associated with all table cells by default. In this example, individual table cells may then override the default information, e.g., by including their own HSFORMAT=“date” attribute in the table cell description. The validation/formatting manager component is preferably enabled to associate the appropriate formatting and validation information with each GUI element.

[0067] The markup language code for instantiating the validation/formatting manager component may also include information for specifying the default validation/formatting behavior of the manager component, e.g., as attributes or sub-tags of an instantiation tag. For example, the manager component instantiation example described with reference to FIG. 1 may have a parameter sub-tag, such as

2<OBJECTID=“hsDHTMLCt1”CLASSID=“clsid:17F34ED5-FB59-11D1-801A-00201829472A”ALIGN=“baseline” BORDER=“0” WIDTH=“0” HEIGHT=“0”><PARAM NAME=“validateOnKeyUp” VALUE=“0”></OBJECT>

[0068] where the <PARAM> sub-tag specifies that the validation/formatting manager component should not respond to “KeyUp” events for a GUI element unless the GUI element description explicitly overrides this, as shown in the above input form field element example.

[0069] In step 204, the application program displays the GUI described in the markup language file. As described above, the GUI may comprise various GUI elements for which validation/formatting information is specified in the markup language file.

[0070] In step 206, a user interacts with a GUI element for which validation/formatting information is specified in the markup language file. This user interaction may comprise any of various actions, such as changing the value of the GUI element, moving a mouse pointer over the GUI element, or other actions, such as described above with reference to FIG. 1. The user interaction of step 206 preferably causes the application program to generate a programmatic event associated with the GUI element, which the validation/formatting manager component is operable to receive in step 208. The interface between the application program and the manager component is discussed above.

[0071] As described above, the markup language file may comprise information regarding what types of validating/formatting operations the manager component should perform and what user interface events the manager component should respond to, and the manager component may be enabled to perform certain validating/formatting operations by default in response to receiving certain events. If the default configuration and/or the validation/formatting information for the GUI element do not specify that the manager component should perform a validation/formatting operation for the event received in step 208, then the manager component may ignore the event.

[0072] In step 210, the validation/formatting manager component determines the validating/formatting component associated with the GUI element for which an event was received. As described above, the manager component may determine the validation/formatting information specified for each GUI element, e.g. by traversing a document object comprising this information. The manager component may use the validation/formatting information to determine the appropriate validation/formatting component for the particular text pattern or code associated with the GUI element. In one embodiment, a general framework enabling new validation/formatting components to be easily “plugged in” may be utilized. In this embodiment, the manager component may not have knowledge of particular codes or knowledge of how to instantiate particular validation/formatting components for these codes, but may instead simply call a factory component, where the factory component is responsible for instantiating the appropriate validating/formatting component.

[0073] In one embodiment, the manager component passes the factory component the value of an attribute in the markup language file as an argument in order to identify the appropriate validation/formatting component. For example, for the above input form field description, the manager component may obtain the HSFORMAT=“COBcode” attribute information from the document object and pass the value “COBcode” as an argument to the factory component, e.g. calling a “Get( )” method provided by the factory component, where this method returns a reference to an appropriate validation/formatting component instantiation.

[0074] In step 212, the validation/formatting manager component requests the validation/formatting component to perform a validation/formatting operation on the GUI element text. The manager component may obtain the GUI element text in any of various ways, e.g. by dynamically obtaining the text from the document object, by receiving the text as an argument along with the event in step 208, etc. The manager component may then request the validation/formatting component to perform the appropriate validation/formatting operation, as determined by the event received in step 208, the validation/formatting information specified in the GUI element markup language description, and the default configuration of the manager component. The manager component may perform this request by calling a method provided by the validation/formatting component, passing the GUI element text as an argument.

[0075] In one embodiment, each validation/formatting component provides methods according to a standard validation/formatting interface that the manager component has knowledge of. This interface may define methods such as IsValid( ), for determining whether the text is valid text for the particular code, GetConforming( ), to get a properly formatted version of the text, etc. One embodiment of such a validation/formatting interface is described below. Thus, the validation/formatting manager component may to simply call the appropriate method of the validation/formatting component, regardless of the particular pattern or code associated with the GUI element.

[0076] In step 214, the validation/formatting manager component receives the request results from the validation/formatting component and proceeds accordingly, depending on such factors as: the particular event received, the default behavior programmed for the manager component, the behavior specified in the validating/formatting information in the markup language file.

[0077] As one example, the manager component may be enabled to validate text for a GUI element when a user presses a key to change the GUI element text, i.e., when the manager component receives a “KeyUp” event indicating that the user pressed a key. For example, in response to receiving this event, the manager component may call an IsValid( ) method provided by the validation/formatting component for the GUI element's associated pattern or code, passing the GUI element text as an argument. For a Boolean value of “False” received from the IsValid( ) method, the manager component may be configured by default to display an informational window or dialog box to the user, informing the user of the invalid text. However, the GUI element description may include an attribute overriding this default behavior for invalid text For example, an HTML input form field description may appear as:

3<INPUT NAME=“COB code:”HSFORMAT=“COBcode”HSVALKEYUP=“1”HSINVCLASS=“INVALIDORANGE”>

[0078] where the HSINVCLASS=“INVALIDORANGE” attribute indicates that the manager component should cause the GUI element text to turn orange, instead of the default behavior of displaying a window. Advantageously, various “invalid” styles may be defined, and any appropriate style may be applied to indicate an invalid value. For example, INVALIDORANGE may be defined as

4</STYLE><STYLE TYPE=“text/css”>.INVALIDORANGE {background: #FFC800;}</STYLE>

[0079] which uses style sheet mechanisms supported by HTML to define a style. Various other invalid styles may of course be defined, as appropriate for a particular application.

[0080] It will be obvious that many various validation/formatting attributes may be supported, and that the manager component may be enabled to perform any of various actions in response to receiving the request results from the validation/formatting component, as appropriate for a particular situation. For example, the manager component may cause the visual appearance of GUI elements to be altered in various ways, the manager component may cause user actions to be ignored, e.g. a key press that would result in an invalid text value, etc. As discussed above, the manager component may interface with the application in any of various ways in order to cause these actions to occur. In one embodiment, the manager component may set properties of the document object, and the application is enabled to dynamically alter the GUI accordingly. For example, for an HTML GUI, this ability is referred to as “Dynamic HTML”. For more information on dynamic HTML, please refer to the above-incorporated references.

[0081] As noted above, FIG. 2 represents an exemplary embodiment of a process for performing validating/formatting operations for a graphical user interface created from a markup language description, and various steps of FIG. 2 may, of course, be altered, omitted, combined, added, etc.

[0082] For example, although the discussion above focuses on a user interface event generated as a result of a user action, such as a key press, the validation/formatting manager component may also receive events resulting from a programmatic action. For example, programmatically setting the value of a GUI element may cause the manager component to receive a “ValueChanged” event associated with the GUI element. Thus, for example, if unformatted text is retrieved from a database and used to populate a GUI element when the GUI is initially displayed, the manager component may automatically receive a “ValueChanged” event generated as a result of populating the GUI element, may format the text appropriately, and may reset the GUI element value to use the formatted text.

[0083] As another example, FIG. 2 is described in terms of a general framework allowing any of various types of patterns or codes to be supported, in which the manager component does not utilize knowledge regarding particular patterns or codes. However, the manager component may utilize such knowledge of particular codes, if desired. Also, the particular validation/formatting components may be responsible for performing the types of actions discussed for step 214, rather than the manager component. In this way, each validation/formatting component may differ in the behavior caused by the determination of invalid text, etc.

[0084] The time at which various aspects of FIG. 2 occur may, of course, be altered or tailored to a specific embodiment, as appropriate. For example, the manager component may instantiate each of the validation/formatting components for the GUI when the GUI is first displayed, or the manager component may wait until a validation/formatting component is needed before instantiating it, etc. The manager component may traverse the document object at any of various times, as appropriate to a specific embodiment.

FIG. 3—Exemplary Embodiment of Validation/Formatting Interface

[0085] As discussed above, in one embodiment each validation/formatting component provides methods according to a standard validation/formatting interface, so that the manager component may call each validation/formatting component independently of the particular text pattern or code associated with the component. FIG. 3 illustrates one embodiment of such an interface.

[0086] In the FIG. 3 example, each validation/formatting component supports an “IHSFormatter” interface, where this interface includes various methods related to performing validation/formatting operations. For example, the interface includes an IsValid( ) method that returns a boolean result indicating whether or not the string passed as an input parameter is a valid string according to the pattern or code associated with the validation/formatting component. The interface also includes a GetConforming( ) method that parses an input string according to the pattern or code and returns a formatted string.

[0087] The FIG. 3 interface also illustrates InFormat( ) and OutFormat( ) methods. The InFormat( ) method accepts a format code as a parameter, to inform other component methods, such as the IsValid( ) method, of which formatting pattern or code to use in parsing strings that are passed as input parameters. The OutFormat method accepts a format code as a parameter, to inform other component methods, such as the GetConforming method, of which formatting pattern or code to use in formatting output strings. Thus, for compatible patterns/codes, text may be converted from one pattern/code to another.

[0088]
FIG. 3 also illustrates several exemplary patterns or codes. Each particular validation/formatting component implementation may implement the methods of the validation/formatting interface as appropriate for one or more of these patterns or codes, or other patterns or codes not shown in FIG. 3.

[0089] It is noted that, although each pattern or code may have a unique associated validation/formatter component implementation, component implementations may also provide support for more than one pattern or code. For example, a particular validation/formatter component implementation may support both U.S. and European telephone codes. The component need only keep state information enabling it to determine which pattern or code to use at a particular time or for a particular client.

[0090] Also, although validation/formatting components are discussed in terms of a single component implementing both validation and formatting methods, the validation and formatting functionality may, of course, be separated into separate components.

FIG. 4—Factory Component

[0091] As described above, the validation/formatting manager component may obtain a reference to a particular validation/formatting component via an intermediate factory component. FIG. 4 illustrates an embodiment employing a factory component.

[0092] As described above, the manager component may pass the factory component the value of an attribute in the markup language file as an argument in order to identify the appropriate validation/formatting component. For example, for a GUI element description comprising a HSFORMAT=“COBcode” attibute, the manager component may obtain this attribute information from the document object and pass the value “COBcode” as an argument to the factory component, e.g. calling a “Get( )” method provided by the factory component, where this method returns a reference to an appropriate validation/formatting component instantiation, which in this case would be the COBcode validation/formatting component 324A.

FIG. 5—Exemplary Markup Language Graphical User Interface

[0093] As discussed above, the system and method described herein may be applied to graphical user interfaces created from various types of markup language descriptions. FIGS. 5A-5C illustrate a graphical user interface created from an HTML description. The HTML file used to create the FIG. 5 GUI is included as Appendix A. This HTML file illustrates the use of various custom formatting/validating attributes such as those shown above.

COM Embodiment

[0094] As noted above, the various components described herein, such as the manager component and the validation/formatting components, may interact with an application program in any of various ways and may be implemented using any of various component software specifications, e.g., as COM components, CORBA components, JavaBeans components, etc.

[0095] In one embodiment, the Component Object Model (COM) is used for component implementation. Appendix B is a COM IDL file for a COM embodiment of the manager component and the validating/formatting components.

[0096] As shown in the Appendix B embodiment, support may be provided for validating/formatting text according to the following codes, which include healthcare-specific codes:

[0097] International Classification of Diseases (ICD) code

[0098] Current Procedural Terminology (CPT) code

[0099] Coordination of Benefits (COB) code

[0100] HCFA Common Procedure Coding System (HCPCS) code

[0101] U.S. Employer Information Number (EIN)

[0102] U.S. Social Security Number

[0103] U.S. Currency

[0104] U.S. states and territories

[0105] U.S. telephone number system

[0106] U.S. zipcode system

[0107] human names

[0108] street names

[0109] time of day

[0110] date

[0111] date and time

[0112] yes/no

[0113] boolean value

[0114] The Appendix B IDL documents the corresponding pattern for each code. The listed codes are of course exemplary, and various other embodiments may support other types of codes.

[0115] Although the text validating/formatting components are discussed above in conjunction with a validating/formatting manager component that interacts with an application processing a markup language file, the validating/formatting components may also be constructed so that the components may be used in other contexts.

[0116] For example, the COM specification is supported by several development environments, such as Microsoft's Visual Studio suite, Borland's Delphi, etc. Thus, in one embodiment the text validating/formatting component may be used from any application developed using a development environment that supports the COM component specification. When the application needs to format or validate text, the application may call methods through a COM interface.

[0117] For example, although user interfaces are discussed above with reference to markup language GUI descriptions, user interfaces may also be created in other ways, e.g., by a Visual Basic program. When a user enters text into a user interface text field created from a Visual Basic program and then tabs away from the control, the program may intercept an event indicating that the user tabbed away from the control, similarly to the description above. The program may then call a component method to verify that the text entered by the user is valid text, e.g. by verifying that the text is of a specific length or matches a particular pattern of characters. The application may then take appropriate action, e.g. by highlighting the user interface control to indicate that the text is invalid, or by calling another component method to format the valid text by inserting parentheses, dashes, etc. and then redisplaying the text in the user interface, etc.

FIG. 6—Exemplary Application Architecture

[0118] As discussed above with reference to FIG. 4, validation/formatting components may be utilized from many types of applications. FIG. 6 illustrates one embodiment of an architecture for an application utilizing a validating/formatting component. As shown, a user 500 may interact with a user interface 502 of an application 504. The user interface may comprise text fields allowing the user to enter various types of text that fits a particular pattern or format, such as telephone numbers, social security numbers, various healthcare-related codes, etc.

[0119] The application 504 may interface with a validating/formatting component 508 via a validating/formatting interface 506. For example, the component may be a COM component, and the interface may be a COM interface, or the component may be a Java component, and the interface may be a Java interface, etc. One embodiment of a COM validating/formatting component is described above. The component 508 and the interface 506 may provide a means for the application to perform various operations related to text validation and formatting, e.g., by providing validating/formatting methods which the application may invoke whenever necessary or desired. The application may respond to the user interacting with the user interface, e.g. by intercepting various types of user interface events, such as mouse click events, control focus events, etc. For example, the application may intercept “lost focus” events for a particular text field user interface control and may invoke appropriate validating/formatting methods on the control's text in response to receiving these events. For a given application, any of various other types of events or situations may trigger the application to invoke formatting/validating methods, depending on the implementation and needs of the particular application.

[0120] It is noted that the embodiment of FIG. 6 is exemplary, and various other embodiments are possible. For example, the validating/formatting component is illustrated as a single component with a single interface. However, the validating/formatting functionality may also be implemented using multiple components and/or multiple interfaces. For example, the text validating functionality may be performed by one component, and the text formatting functionality may be performed by another component.

[0121] Also, FIG. 6 is described in terms of intercepting user events and validating/formatting user text input. The application may, of course, utilize the validating/formatting component in various other ways, however. For example, the application may use the component to format text retrieved from a database, where the text is to be displayed on the user interface. Also, the application may not necessarily have or use a user interface. For example, an application responsible for information transfer may utilize the component, e.g., to ensure that data is formatted correctly for a second application that expects data to be formatted in a particular way.

FIG. 7—Exemplary Use of Validating/Formatting Component for User Input

[0122]
FIG. 7 is a flowchart diagram illustrating an example of an application using a validating/formatting component to validate/format user interface input text.

[0123] In step 600, an application displays a user interface comprising a text field. In one embodiment, the application may be a healthcare application, e.g., an application used by healthcare administrators to submit or process health insurance claims, and the text field may be a text field for entering healthcare-specific codes, such as Coordination of Benefits (COB) codes, Current Procedural Terminology (CPT) codes, etc.

[0124] In step 602, the user enters text in a user interface text field. The user may enter text in the text field in any way supported by the user interface, e.g., by typing or pasting the text in, etc.

[0125] In step 604, the user performs an action causing the application to check the text that the user entered in the text field. For example, as discussed above, the application may intercept user interface events, e.g. in order to check the text when the user moves away from the text field. The user may also perform various other actions causing the application to check the text, such as issuing a command to submit the data the user has entered to a database, or perform other types of transactions using the data. For example, in the case of a health insurance claims application, the user may issue a command for filing an insurance claim, and the application may, in response, check the text the user entered in the text field.

[0126] In step 606, the application may utilize a validating/formatting component in order to perform the check prompted by step 604, e.g., by obtaining an interface exposed by the component and using the interface to invoke a text validating method on the component (or an instance of the component), passing along the text to be validated. The application may perform step 606 in any way appropriate to and supported by the development environment used to construct the application and the system used to construct the component.

[0127] In step 608, the application receives the results from the validation operation performed by the validating/formatting component and uses the results to determine whether the text the user entered in the text field is valid text, e.g., by checking a procedure return value or an output parameter value.

[0128] If the application determines that the text the user entered in the text field is invalid, then in step 610 the application may inform the user of the invalid text. The application may perform step 610 in any way appropriate to the application, e.g., by displaying a dialog box, highlighting the user interface text field, displaying an error message on the user interface, generating a beep sound, etc.

[0129] If the application determines that the text the user entered in the text field is valid, then in step 612 the application may utilize the validating/formatting component in order to format the text, e.g., by invoking a component method similarly as described above for step 606. For example, the component may format the text by inserting various types of demarcating characters, such as parentheses, dashes, spaces, etc., as appropriate for a particular type of text pattern or code. Once the text is formatted appropriately, the application may redisplay the automatically formatted text, or store the formatted text in a database, or pass the formatted text to another application, etc.

[0130] As noted above, FIG. 7 is exemplary, and various steps may be added, omitted, changed, combined, etc. For example, in some cases an application may need to validate user input text, but may not need to format the text.

FIG. 8—Exemplary Use of Validating/Formatting Component for Output Text

[0131]
FIG. 8 is a flowchart diagram illustrating an example of an application using a validating/formatting component to validate/format output text.

[0132] In step 620, an application obtains text that it needs to output or display in some way. For example, the application may retrieve text from a database, such as a health insurance Coordination of Benefits (COB) code for display in the user interface of a health insurance administrative application. As another example, an application may receive text from another application, such as a COB code to be printed on a health insurance paper form.

[0133] In step 622, the application may utilize a validating/formatting component in order to format the text appropriately for output. For example, text retrieved from a database may be stored in the database in an unformatted form. The application may use the validating/formatting component to format the text with demarcation characters, similarly as described above.

[0134] In step 624, the application outputs or displays the text formatted by the validating/formatting component in step 622, e.g., by inserting the text into a user interface control, sending the formatted text to a printer, etc.

[0135] As noted above, FIG. 8 is exemplary, and various steps may be added, omitted, changed, combined, etc. For example, the application may also need to validate the text using the validating/formatting component, e.g. to verify the data integrity of information stored in a database. For example, in the case above of a COB code to be printed on a health insurance form, the COB code may be highlighted if the code is invalid.

FIG. 9—Exemplary Web Application Architecture

[0136] As noted above, applications with graphical user interfaces created from markup language files are becoming increasingly popular. One type of application that uses markup language files includes web applications utilizing HTML files comprising GUI descriptions. FIG. 9 illustrates one embodiment of a web application that utilizes validating/formatting components.

[0137] In FIG. 9, the web application is illustrated as a client/server application with a client side and a server side. Client-side application 100 may communicate with a server 104 via a network 120, such as the Internet, an Intranet, or a WAN. The client-side application 100 and the server 104 may be associated with performing various types of operations. For example, a client application may communicate with a server to perform a healthcare transaction, such as filing a health insurance claim. The server 104 typically interacts with some type of server-side resource 106 on behalf of the client application. For example, the server 104 may retrieve information from or store information to a server-side database. Depending on the application and the resource requested, the server 104 may broker client application requests to server-side application code for processing, e.g., through interfaces such as CGI, ISAPI, NSAPI, etc.

[0138] The client application 100 may run in any type of client-side environment. For example, a client application may run in a desktop computer or workstation running any of various operating systems, such as Windows, Mac OS, Unix, etc., or a client application may run in a portable computing device, such as a personal data assistant, smart cellular phone, etc. Any number of clients may communicate with the server, depending on the type of application and the resources available to the server, such as network connection speed, processing power, etc.

[0139] The client may use a network connection as a communication channel to send requests and receive responses over the network 120. Various types of network protocols, including TCP/IP-based protocols and UDP-based protocols, e.g. HTTP, HTTPS, etc., may be used to send messages across the network. As messages are sent across the network, the messages may pass through various gateways, network routers, etc. The client network connection may be a connection of any type, such as a PPP or SLIP dialup link, an Ethernet or token ring connection, an ISDN connection, a cable modem connection, any of various types of wireless connections, etc.

[0140] Client applications may access various types of resources by referencing the resources through uniform resource locators (URLs). The resources may include web pages comprising markup language code, such as HTML code or XML-derived markup language code, scripting code such as Javascript or VBScript, or other types of elements. The resources may also include any of various types of executable programs or components, such as CGI programs, Java servlets, downloadable code such as Java classes or ActiveX components, etc. The resources may also include any other type of resource addressable through a URL. Web applications are often associated with particular communication protocols, such as HTTP or SSL. However, it is noted that any communication protocol may be used to access the resources.

[0141] As shown in FIG. 9, the client-side application may comprise application code 110. The application code 110 may perform application-specific functions. For example, for a healthcare application, application code 110 may comprise application logic for health insurance claim administration, patient lookup, etc.

[0142] The client-side application may also comprise a web browser module 114. For example, Microsoft Corp. provides programming interfaces enabling applications to include various web-browsing capabilities provided by the Microsoft Internet Explorer code base. In one embodiment, the web browser module 114 may be Microsoft's Web Browser control, operating as an embedded control under control of application code 110.

[0143] As shown in FIG. 9, the application code 110 may interface with a manager component as described above, and the manager component may call various validating/formatting components, as discussed above. As discussed below, the application code may utilize the validating/formatting component to perform operations such as dynamically validating/formatting text fields as users interact with the client application user interface, dynamically formatting text retrieved from databases and displayed in HTML forms, etc.

Healthcare Applications

[0144] The problem of performing validation/formatting operations for user interface text fields is a general problem that may apply to many types of applications. In particular, text validation/formatting is a common problem encountered by developers of healthcare applications. Various types of text patterns and codes are widely used in healthcare industry information systems. For example, illnesses and diseases are often represented by a particular code, such as an International Classification of Diseases code. Other types of codes commonly used in health insurance applications and other types of healthcare applications include Coordination of Benefits (COB) codes, Current Procedural Terminology (CPT) codes, HCFA Common Procedure Coding System (HCPCS) codes, etc.

[0145] Many healthcare workers, such as health insurance claim administrators, physician office receptionists, etc., continually work with applications requiring these codes as input or displaying these codes as output. Providing automatic text formatting capabilities in these applications may enable these healthcare workers to work, with healthcare codes and other types of codes without being overly concerned with pattern demarcations, etc., which may greatly enhance the user-friendliness of the applications the workers interact with and may also increase the efficiency of the workers. Providing automatic text validating capabilities for text input may greatly increase healthcare information integrity by informing application users of erroneous input at the point of error. Providing these types of formatting/validating capabilities may be particularly important for applications which are intended to be part of a healthcare information network, in which information is shared across many applications, and where applications may expect information to be encoded or demarcated in particular ways.

[0146] Although the embodiments above have been described in considerable detail, numerous variations and modifications will become apparent to those skilled in the art once the above disclosure is fully appreciated. It is intended that the following claims be interpreted to embrace all such variations and modifications.

	Number	Date	Country
	60158938	Oct 1999	US
	60165093	Nov 1999	US

	Number	Date	Country
Parent	09441188	Nov 1999	US
Child	10649198	Aug 2003	US

Automatic formatting and validating of text for a markup language graphical user interface

Information

Publication Number

Date Filed

Date Published

Inventors

CPC

US Classifications

International Classifications

Abstract

Description

Claims

PRIORITY CLAIM

Provisional Applications (2)

Continuations (1)