INTERACTIVE USER INTERFACE IMPLEMENTATION AND DEVELOPMENT ENVIRONMENT THEREFOR

• US 20120254722A1
• Filed: 03/31/2011
• Published: 10/04/2012
• Est. Priority Date: 03/31/2011
• Status: Abandoned Application

• Current Assignee: Cloudera Incorporated
• Original Assignee: Cloudera Incorporated
• Inventors: Newton, Aaron, Zeyliger, Philip
• Application Number:
  US13/077,878
• Publication Number:
  US 20120254722A1
• Time in Patent Office: Days
• US Class Current: 715/234
• CPC Class Codes: G06F 16/957 Browsing optimisation, e.g. caching or content distillation
• CPC Class Codes: G06F 8/38 for implementing user interfaces

Abstract

Systems and methods of interactive user interface implementation and development environment therefor are disclosed. One embodiment of implementing interactive elements in a web page on a client device includes, sending, by the client device, a request to a web server in response to an event triggered in a frame of the web page having multiple frames, processing a web server response from the web server for the frame, and/or unloading contents of the frame, after receipt of the web server response, independent of the other frames in the web page when in accordance with rules defined for the web server response.

Claims

1. A method of implementing interactive elements in a web page on a client device, the method, comprising:

sending, by the client device, a request to a web server in response to an event triggered in a specific frame of the web page having multiple frames;

processing a web server response from the web server for the specific frame;

unloading contents of the specific frame, after receipt of the web server response, when in accordance with rules defined for the web server response;

wherein, the contents are unloaded independent, of the other frames in the web page.

2. The method of claim 1, further comprising, rendering results of the web server response in the frame of the web page in which the event was triggered, independent of the other frames.

3. The method of claim 1, wherein, each of the multiple frames of the web page includes different applications which handle corresponding requests to the web server independent of the other applications loaded in other frames in the web page.

4. The method of claim 1, wherein, the contents of the frame include interactive web page features that are defined using HTML mark-ups.

5. The method of claim 1, wherein, the contents of the frame include interactive web page features that are defined without using JavaScript.

6. The method of claim 1, wherein, the web server response is processed in accordance with rules defined for the web server response.

7. The method of claim 1, the rules include, one or more of, an alert response, a confirm response, and a default response.

8. The method of claim 7, wherein, the rules are customizable.

9. The method of claim 1, further comprising, loading the frame with new content, independent of the other frames in the web browser based on the web server response.

10. The method of claim 1, wherein, the request includes an XML HTTP Request (XHR).

11. The method of claim 1, wherein, the event includes a form click, a link selection, or a custom call.

12. The method of claim 1, further comprising, performing custom actions when the event is a link selection;

wherein, the link is loaded in the frame in which it was selected, independent of the other frames.

13. The method of claim 12, wherein, the custom action is defined by a developer as a re-usable module.

14. The method of claim 1, wherein, each of the multiple frames maintains its own state independent of the other frames.

15. The method of claim 1, wherein, each of the multiple frames performs its own load and unload operations, independent of the other frames.

16. The method of claim 1, wherein, shared resource among any of the multiple frames can be loaded once.

17. The method of claim 1, wherein, the web page interacts with a distributed file system.

18. The method of claim 17, wherein, the distributed file system is the Hadoop distributed file system.

19. A method to enable development of a user interface for an application executed on a client device, the method, comprising:

defining built-in interactive behaviors for user interface elements as software modules for use in the development of the application;

wherein, the software modules are specified using mark-up tags in an HTML document to implement interactive elements in the user interface, without reliance on JavaScript.

20. The method of claim 19, wherein, the application is used to interact with a Hadoop-enabled clustered computing environment.

21. The method of claim 19, wherein, the built-in interactive behaviors are executed by replacing the mark-up tags with corresponding software modules.

22. The method of claim 19, further comprising, depicting identifiers for the built-in user interface behaviors in a software development kit environment.

23. The method of claim 19, further comprising, provisioning a CSS file for the application.

24. The method of claim 19, wherein, user interface behaviors are user definable.

25. The method of claim 19, wherein, the interactive behaviors include, alert or confirmation messages.

26. The method of claim 19, wherein, the interactive behaviors include, client side form validation.

27. The method of claim 19, wherein, the interactive behaviors include, customizable right-click context menus.

28. The method of claim 19, wherein, the interactive behaviors include, sortable tables.

29. The method of claim 19, wherein, the interactive behaviors include, tabbed interface elements.

30. The method of claim 19, wherein, the interactive behaviors include, tool tips.

31. The method of claim 19, wherein, the interactive behaviors include, a date selector for an input form.

32. A system of implementing interactive elements in an application, the system, comprising:

means for, sending, by a client device, a request to a server in response to an event triggered in a frame of a windowing environment having multiple frames;

wherein, each of the multiple frames renders different applications which handle corresponding requests to the server independent of the other frames in the windowing environment;

means for, processing a response from the server for the frame;

means for, rendering results of the response in the frame of the windowing environment in which the event was triggered.

33. The system of claim 32, wherein, the request is an HTTP request.

34. The system of claim 32, further comprising, means for, unloading contents of the frame, after receipt of the response, independent of the other frames in the windowing environment.

35. The system of claim 32, wherein, the frame is able to share resources with another from of the same windowing environment.

36. The system of claim 34, wherein, the application on the client device includes a file browser to access a Hadoop clustered computing environment.

37. The system of claim 34, wherein, the application on the client device includes a resource manager for a clustered computing environment.

38. The system of claim 34, wherein, the application on the client device is used to access analytics or log data for a clustered computing environment.

39. A computer-readable storage medium having stored thereon instructions which when executed by a processor causes a method to be performed, the method, comprising:

sending a request to a web server in response to an event triggered in a frame of the web page having multiple frames;

processing a web server response from the web server for the frame;

rendering, in accordance with rules defined for the web server response, results of the web server response in the frame of the web page in which the event was triggered, independent of the other frames;

unloading contents of the frame, independent of the other frames in the web page.

40. The method of claim 39, wherein, the frame allows navigation independent of the other frames in the web page.

41. The method of claim 40, wherein, the navigation includes going forward or going backwards in the frame.