Patent Application
20180373421
The present invention relates generally to the field of computing, and more particularly to web element filtering.
Mobile devices have become very popular for daily use. When browsing a webpage on a mobile device, it is not possible for a user to choose elements of the webpage that the user wishes to see and eliminate those elements which the user does not. In general, there are many unwanted elements which are of no interest to the user and which occupy portions of the limited mobile screen space. In order to view only elements which the user is interested in, the user's option is to close those browsers which display content that the user does not wish to see. The user does not have the ability to delete elements from a particular webpage which are of no interest, in order to focus on displaying elements which are of interest.
Embodiments of the present invention disclose a method, computer system, and a computer program product for filtering at least one element. The present invention may include receiving a user gesture. The present invention may also include determining a requested action based on the received user gesture. The present invention may then include filtering at least one element associated with a webpage based on the determined requested action. The present invention may further include rendering a modified webpage based on the filtered at least one element.
These and other objects, features and advantages of the present invention will become apparent from the following detailed description of illustrative embodiments thereof, which is to be read in connection with the accompanying drawings. The various features of the drawings are not to scale as the illustrations are for clarity in facilitating one skilled in the art in understanding the invention in conjunction with the detailed description. In the drawings:
Detailed embodiments of the claimed structures and methods are disclosed herein; however, it can be understood that the disclosed embodiments are merely illustrative of the claimed structures and methods that may be embodied in various forms. This invention may, however, be embodied in many different forms and should not be construed as limited to the exemplary embodiments set forth herein. Rather, these exemplary embodiments are provided so that this disclosure will be thorough and complete and will fully convey the scope of this invention to those skilled in the art. In the description, details of well-known features and techniques may be omitted to avoid unnecessarily obscuring the presented embodiments.
The present invention may be a system, a method, and/or a computer program product at any possible technical detail level of integration. The computer program product may include a computer readable storage medium (or media) having computer readable program instructions thereon for causing a processor to carry out aspects of the present invention.
The computer readable storage medium can be a tangible device that can retain and store instructions for use by an instruction execution device. The computer readable storage medium may be, for example, but is not limited to, an electronic storage device, a magnetic storage device, an optical storage device, an electromagnetic storage device, a semiconductor storage device, or any suitable combination of the foregoing. A non-exhaustive list of more specific examples of the computer readable storage medium includes the following: a portable computer diskette, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or Flash memory), a static random access memory (SRAM), a portable compact disc read-only memory (CD-ROM), a digital versatile disk (DVD), a memory stick, a floppy disk, a mechanically encoded device such as punch-cards or raised structures in a groove having instructions recorded thereon, and any suitable combination of the foregoing. A computer readable storage medium, as used herein, is not to be construed as being transitory signals per se, such as radio waves or other freely propagating electromagnetic waves, electromagnetic waves propagating through a waveguide or other transmission media (e.g., light pulses passing through a fiber-optic cable), or electrical signals transmitted through a wire.
Computer readable program instructions described herein can be downloaded to respective computing/processing devices from a computer readable storage medium or to an external computer or external storage device via a network, for example, the Internet, a local area network, a wide area network and/or a wireless network. The network may comprise copper transmission cables, optical transmission fibers, wireless transmission, routers, firewalls, switches, gateway computers and/or edge servers. A network adapter card or network interface in each computing/processing device receives computer readable program instructions from the network and forwards the computer readable program instructions for storage in a computer readable storage medium within the respective computing/processing device.
Computer readable program instructions for carrying out operations of the present invention may be assembler instructions, instruction-set-architecture (ISA) instructions, machine instructions, machine dependent instructions, microcode, firmware instructions, state-setting data, configuration data for integrated circuitry, or either source code or object code written in any combination of one or more programming languages, including an object oriented programming language such as Smalltalk, C++, or the like, and procedural programming languages, such as the “C” programming language or similar programming languages. The computer readable program instructions may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the latter scenario, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet Service Provider). In some embodiments, electronic circuitry including, for example, programmable logic circuitry, field-programmable gate arrays (FPGA), or programmable logic arrays (PLA) may execute the computer readable program instructions by utilizing state information of the computer readable program instructions to personalize the electronic circuitry, in order to perform aspects of the present invention.
Aspects of the present invention are described herein with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each block of the flowchart illustrations and/or block diagrams, and combinations of blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer readable program instructions.
These computer readable program instructions may be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions/acts specified in the flowchart and/or block diagram block or blocks. These computer readable program instructions may also be stored in a computer readable storage medium that can direct a computer, a programmable data processing apparatus, and/or other devices to function in a particular manner, such that the computer readable storage medium having instructions stored therein comprises an article of manufacture including instructions which implement aspects of the function/act specified in the flowchart and/or block diagram block or blocks.
The computer readable program instructions may also be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable apparatus or other device to produce a computer implemented process, such that the instructions which execute on the computer, other programmable apparatus, or other device implement the functions/acts specified in the flowchart and/or block diagram block or blocks.
The flowchart and block diagrams in the Figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of the present invention. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of instructions, which comprises one or more executable instructions for implementing the specified logical function(s). In some alternative implementations, the functions noted in the blocks may occur out of the order noted in the Figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems that perform the specified functions or acts or carry out combinations of special purpose hardware and computer instructions.
The following described exemplary embodiments provide a system, method and program product for web element filtering. As such, the present embodiment has the capacity to improve the technical field of web element filtering by using the shake gesture to filter webpage elements on mobile devices. More specifically, the filtering may be done automatically by filtering document object models (i.e. DOMs) with similar hypertext markup language (i.e. html) element, class, style or level attributes, by filtering similar shape structures, or by predefined filtering levels set by the implementer of the web element filtering program. The filtering may also be done manually by user selection and shake gesture, whereby the user can select an element or element group that he wishes to remain and shake to gradually filter elements in batches. The user's pressure may be used to adjust the scope of filtered elements. Retained elements may be enlarged to fit the screen size and optimize the user's display.
As described previously, mobile devices have become very popular for daily use. When browsing a webpage on a mobile device, a user cannot choose elements of the webpage that the user wishes to see and eliminate those elements which the user does not. In general, there are many unwanted elements which are of no interest to the user and which occupy portions of the limited mobile screen space. In order to view only elements which the user is interested in, the user's option is to close the browsers which display content that the user does not wish to see. The user does not have the ability to delete elements from a webpage which are of no interest to the user, in order to focus on displaying elements which are of interest.
Therefore, it may be advantageous to, among other things, provide a way to enable a user of a mobile device to filter elements on a webpage that the user does not wish to see and only display content which is of interest to the user.
According to at least one embodiment, the user of a mobile device may filter out unwanted elements on a webpage viewed by the user by using gestures which may be interpreted by sensors on the mobile device. The implementer of the program may configure the meaning that each gesture may have, and may further define filtering categories within the program. The filtering category may determine the method by which other elements on the webpage are determined to be related or unrelated to a selected portion.
The present embodiment may include a user using a press gesture to select a portion of the viewed webpage, indicating to the web element filtering program that the selected content is desirable, and the user subsequently using a shake gesture to filter out all unrelated and unwanted elements from the viewed webpage. The user may determine whether content should be retained or removed from the webpage. The user may choose to select additional elements and perform additional filtering, or may use a return gesture to remove any existing filtering and return the webpage to its original format.
Referring to
The client computer 102 may communicate with the server computer 112 via the communications network 116. The communications network 116 may include connections, such as wire, wireless communication links, or fiber optic cables. As will be discussed with reference to
According to the present embodiment, a user using a client computer 102 or a server computer 112 may use the web element filtering program 110a, 110b (respectively) to filter webpage content based on a user's selection of desirable content appearing on the webpage. The web element filtering method is explained in more detail below with respect to
Referring now to
The system architecture 200 of the web element filtering program 110a, 110b includes a browser 202, a plugin 204, a DOM tree 206, an action processor 208, and a filter 210. The browser 202 may provide html source files and user actions to the plugin 204. The browser 202 may further monitor user actions and display returned outputs after web element filtering is complete. The plugin 204 may interact with the browser 202 via specifications set forth in an application program interface (i.e., API). The plugin 204 may contain three processing modules: the DOM tree 206, which may parse source code such as html into functional elements; the action processor 208, which may extract user actions (e.g., shake gesture and return gesture) and convert them into events, and thereafter, convert the events into filtering level values or element attributes; and the filter 210, which may calculate and match the generated level values or element attributes with the corresponding DOM tree elements. The filter 210 may filter out elements on the DOM tree 206 and the plugin 204 may thereafter feed the browser 202 the modified DOM tree to enable the browser 202 to re-render the webpage.
Referring now to
At 302, a user gesture is received by a plugin 204 while a webpage is viewed on a mobile device (e.g., client computer 102). The user gesture generated by the user is read by a sensor located within the mobile device. The webpage being viewed may be a well formatted hypertext markup language (i.e., html) webpage with a clear Document Object Model (i.e., DOM) tree structure. The DOM may be a language-independent programming interface that parses the html source code of the viewed webpage to create a tree structure from the html webpage. Each element in the tree may represent a part of the html webpage. When an html webpage is rendered on a mobile device, the browser 202 may download the html source code into a local memory source and parse the DOM tree to display the webpage on the screen.
At 304, the requested user action is determined. The plugin 204 running the web element filtering program 110a, 110b may use sensors within the mobile device to classify the received gesture as a press gesture, a shake gesture or a return gesture. The plugin 204 may then convert each gesture into a corresponding action for the web element filtering program 110a, 110b to process. If the gesture is determined to be a press gesture, then the plugin 204 may identify the portion of the DOM tree 206 affected by the press gesture and may, for example, store the identified portion of the DOM tree 206 in a temporary memory location (e.g., cache memory). A location in temporary memory may be created simultaneously with the user's press gesture. On the user's mobile device, the identified portion of the DOM tree 206 may appear with dotted borders to enable the user to identify whether the selection is accurate. The user's pressure may be adjusted to modify the scope of filtered elements. If the user presses on a portion of the DOM tree 206 and holds down the press, then the pressed portion of the DOM tree 206 and that portion's children nodes in the DOM tree 206 may be selected and stored in temporary memory. Additional requests may be received by the plugin 204 at 302 after the user's first requested action is determined.
If a second user gesture is received by the plugin 204 as described previously at 302, the gesture will be determined by the plugin 204 described previously at 304. If the second gesture is determined to be a shake, then the mobile device may have been shaken by the user. If the second gesture is determined to be a return, then the user of the mobile device may have performed the return gesture (e.g., drawing the phone down towards the user and standing the phone back up again). The implementer of the web element filtering program 110a, 110b may specify the return gesture used. The implementer may further specify whether a single return gesture will bring back all content previously removed from the webpage with one or more iterations, or whether multiple return gestures may be encoded in the web element filtering program 110a, 110b.
At 306, elements are filtered from the webpage. In response to a shake gesture, the web element filtering program 110a, 110b may eliminate elements (i.e., nodes) from the DOM tree 206 which are not stored in temporary memory or determined to be equivalent to those stored in temporary memory based on a predefined filtering category (e.g., DOM attribute, DOM tree layer, or shape of selected DOM). In response to a return gesture received by the web element filtering program 110a, 110b, the pressed portion of the DOM tree 206 stored in temporary memory may be deleted and the DOM tree 206 may return to the original form associated with the viewed webpage. Several filtering methods will be described in more detail below with respect to
Finally, at 308, the webpage is re-rendered. If a portion of the DOM tree 206 was pressed and a shake gesture was received, as described previously at 302 and 304, then elements which were removed from the DOM tree 206 by the web element filtering program 110a, 110b, as described previously at 306, may no longer appear. If a return gesture was received, as described previously at 302, then the webpage will contain all elements. After rendering a modified version of the webpage, additional user gestures may be received by the plugin 204 as described previously at 302.
Referring now to
Referring now to
Referring now to
When Dean, a user of a mobile device, selects an item on a webpage and proceeds to shake his mobile device, the plugin 204 on Dean's browser 202 will receive Dean's action as described previously at 302. The plugin 204 will determine that the action was a shake gesture as described previously at 304. Given this, the filtering level will increase by one. The filter of elements is based on the filtering level determined by the web element filtering program 110a, 110b. Since the filtering level defaulted to 0, the filtering level is now equal to one, and the web element filtering program 110a, 110b will remove all corresponding level 1 remove elements which were defined by the developer of the webpage within the corresponding second DOM tree 500. All level 1 retain elements and their children are retained by the second DOM tree 500. Children which were labeled level 1 remove are removed. The root node is retained to maintain the cascading style sheet (i.e., CSS) structure and does not contain any visible elements on the webpage. The second DOM tree 500 corresponding to the webpage Dean is viewing will contain those elements labeled level 1 retain and their children. The webpage is then re-rendered, as described previously at 308.
Referring now to
Referring now to
In this instance, the web element filtering program 110a, 110b will identify container units 604b and 604c whose shapes mirror the container unit 604a that Dean selected. Containers 604a, 604b and 604c, which have a photograph and text, will remain on the webpage. All retained containers will have one image on the left side of the container and several text blocks on the right side. The webpage 600 will be re-rendered as described previously at 308 and Dean's screen on his mobile device will display the browser 202 containing the article 604a he selected as well as those articles 604b and 604c with similar container shape structures. Dean may continue to remove unwanted elements from the webpage 600 by repeating the pressing and shaking gestures, or he may bring back filtered out elements by using the return gesture.
Referring now to
Referring now to
Referring now to
Referring now to
It may be appreciated that
Data processing system 902, 904 is representative of any electronic device capable of executing machine-readable program instructions. Data processing system 902, 904 may be representative of a smart phone, a computer system, PDA, or other electronic devices. Examples of computing systems, environments, and/or configurations that may represented by data processing system 902, 904 include, but are not limited to, personal computer systems, server computer systems, thin clients, thick clients, hand-held or laptop devices, multiprocessor systems, microprocessor-based systems, network PCs, minicomputer systems, and distributed cloud computing environments that include any of the above systems or devices.
User client computer 102 and network server 112 may include respective sets of internal components 902a, b and external components 904a, b illustrated in
Each set of internal components 902a, b also includes a R/W drive or interface 918 to read from and write to one or more portable computer-readable tangible storage devices 920 such as a CD-ROM, DVD, memory stick, magnetic tape, magnetic disk, optical disk or semiconductor storage device. A software program, such as the software program 108 and the web element filtering program 110a and 110b can be stored on one or more of the respective portable computer-readable tangible storage devices 920, read via the respective R/W drive or interface 918, and loaded into the respective hard drive 916.
Each set of internal components 902a, b may also include network adapters (or switch port cards) or interfaces 922 such as a TCP/IP adapter cards, wireless wi-fi interface cards, or 3G or 4G wireless interface cards or other wired or wireless communication links. The software program 108 and the web element filtering program 110a in client computer 102 and the web element filtering program 110b in network server computer 112 can be downloaded from an external computer (e.g., server) via a network (for example, the Internet, a local area network or other, wide area network) and respective network adapters or interfaces 922. From the network adapters (or switch port adaptors) or interfaces 922, the software program 108 and the web element filtering program 110a in client computer 102 and the web element filtering program 110b in network server computer 112 are loaded into the respective hard drive 916. The network may comprise copper wires, optical fibers, wireless transmission, routers, firewalls, switches, gateway computers and/or edge servers.
Each of the sets of external components 904a, b can include a computer display monitor 924, a keyboard 926, and a computer mouse 928. External components 904a, b can also include touch screens, virtual keyboards, touch pads, pointing devices, and other human interface devices. Each of the sets of internal components 902a, b also includes device drivers 930 to interface to computer display monitor 924, keyboard 926, and computer mouse 928. The device drivers 930, R/W drive or interface 918, and network adapter or interface 922 comprise hardware and software (stored in storage device 916 and/or ROM 910).
It is understood in advance that although this disclosure includes a detailed description on cloud computing, implementation of the teachings recited herein are not limited to a cloud computing environment. Rather, embodiments of the present invention are capable of being implemented in conjunction with any other type of computing environment now known or later developed.
Cloud computing is a model of service delivery for enabling convenient, on-demand network access to a shared pool of configurable computing resources (e.g., networks, network bandwidth, servers, processing, memory, storage, applications, virtual machines, and services) that can be rapidly provisioned and released with minimal management effort or interaction with a provider of the service. This cloud model may include at least five characteristics, at least three service models, and at least four deployment models.
Characteristics are as follows:
On-demand self-service: a cloud consumer can unilaterally provision computing capabilities, such as server time and network storage, as needed automatically without requiring human interaction with the service's provider.
Broad network access: capabilities are available over a network and accessed through standard mechanisms that promote use by heterogeneous thin or thick client platforms (e.g., mobile phones, laptops, and PDAs).
Resource pooling: the provider's computing resources are pooled to serve multiple consumers using a multi-tenant model, with different physical and virtual resources dynamically assigned and reassigned according to demand. There is a sense of location independence in that the consumer generally has no control or knowledge over the exact location of the provided resources but may be able to specify location at a higher level of abstraction (e.g., country, state, or datacenter).
Rapid elasticity: capabilities can be rapidly and elastically provisioned, in some cases automatically, to quickly scale out and rapidly released to quickly scale in. To the consumer, the capabilities available for provisioning often appear to be unlimited and can be purchased in any quantity at any time.
Measured service: cloud systems automatically control and optimize resource use by leveraging a metering capability at some level of abstraction appropriate to the type of service (e.g., storage, processing, bandwidth, and active user accounts). Resource usage can be monitored, controlled, and reported providing transparency for both the provider and consumer of the utilized service.
Service Models are as follows:
Software as a Service (SaaS): the capability provided to the consumer is to use the provider's applications running on a cloud infrastructure. The applications are accessible from various client devices through a thin client interface such as a web browser (e.g., web-based e-mail). The consumer does not manage or control the underlying cloud infrastructure including network, servers, operating systems, storage, or even individual application capabilities, with the possible exception of limited user-specific application configuration settings.
Platform as a Service (PaaS): the capability provided to the consumer is to deploy onto the cloud infrastructure consumer-created or acquired applications created using programming languages and tools supported by the provider. The consumer does not manage or control the underlying cloud infrastructure including networks, servers, operating systems, or storage, but has control over the deployed applications and possibly application hosting environment configurations.
Infrastructure as a Service (IaaS): the capability provided to the consumer is to provision processing, storage, networks, and other fundamental computing resources where the consumer is able to deploy and run arbitrary software, which can include operating systems and applications. The consumer does not manage or control the underlying cloud infrastructure but has control over operating systems, storage, deployed applications, and possibly limited control of select networking components (e.g., host firewalls).
Deployment Models are as follows:
Private cloud: the cloud infrastructure is operated solely for an organization. It may be managed by the organization or a third party and may exist on-premises or off-premises.
Community cloud: the cloud infrastructure is shared by several organizations and supports a specific community that has shared concerns (e.g., mission, security requirements, policy, and compliance considerations). It may be managed by the organizations or a third party and may exist on-premises or off-premises.
Public cloud: the cloud infrastructure is made available to the general public or a large industry group and is owned by an organization selling cloud services.
Hybrid cloud: the cloud infrastructure is a composition of two or more clouds (private, community, or public) that remain unique entities but are bound together by standardized or proprietary technology that enables data and application portability (e.g., cloud bursting for load-balancing between clouds).
A cloud computing environment is service oriented with a focus on statelessness, low coupling, modularity, and semantic interoperability. At the heart of cloud computing is an infrastructure comprising a network of interconnected nodes.
Referring now to
Referring now to
Hardware and software layer 1102 includes hardware and software components. Examples of hardware components include: mainframes 1104; RISC (Reduced Instruction Set Computer) architecture based servers 1106; servers 1108; blade servers 1110; storage devices 1112; and networks and networking components 1114. In some embodiments, software components include network application server software 1116 and database software 1118.
Virtualization layer 1120 provides an abstraction layer from which the following examples of virtual entities may be provided: virtual servers 1122; virtual storage 1124; virtual networks 1126, including virtual private networks; virtual applications and operating systems 1128; and virtual clients 1130.
In one example, management layer 1132 may provide the functions described below. Resource provisioning 1134 provides dynamic procurement of computing resources and other resources that are utilized to perform tasks within the cloud computing environment. Metering and Pricing 1136 provide cost tracking as resources are utilized within the cloud computing environment, and billing or invoicing for consumption of these resources. In one example, these resources may comprise application software licenses. Security provides identity verification for cloud consumers and tasks, as well as protection for data and other resources. User portal 1138 provides access to the cloud computing environment for consumers and system administrators. Service level management 1140 provides cloud computing resource allocation and management such that required service levels are met. Service Level Agreement (SLA) planning and fulfillment 1142 provide pre-arrangement for, and procurement of, cloud computing resources for which a future requirement is anticipated in accordance with an SLA.
Workloads layer 1144 provides examples of functionality for which the cloud computing environment may be utilized. Examples of workloads and functions which may be provided from this layer include: mapping and navigation 1146; software development and lifecycle management 1148; virtual classroom education delivery 1150; data analytics processing 1152; transaction processing 1154; and web element filtering 1156. A web element filtering program 110a, 110b provides a way to manually or automatically filter unwanted elements from a webpage based on a user's selection of desirable content.
The descriptions of the various embodiments of the present invention have been presented for purposes of illustration, but are not intended to be exhaustive or limited to the embodiments disclosed. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope of the described embodiments. The terminology used herein was chosen to best explain the principles of the embodiments, the practical application or technical improvement over technologies found in the marketplace, or to enable others of ordinary skill in the art to understand the embodiments disclosed herein.
