Various software applications offering functionalities for a specific task or a range of tasks (e.g., word processing applications, spreadsheet applications, database applications, slide presentation applications, drawing or computer-aided application programs, etc.) may be available to users via the web. Such applications may herein be referred to as web-based applications. Such web-based applications may offer functionalities similar to the functionalities that were once only available by computer programs executing locally on a personal computer or on a terminal in a local area network.
A web-based application may be hosted by one or more servers and accessible via a communications network such as the Internet. A user of a client computing device may access a web-based application by connecting to a server hosting the web-based application with a client application running in a web browser application (herein referred to as a web client application) executing on the client computing device. The web client application may connect to the server hosting the web-based application and may download the web application's interface and data associated with the application to the client computing device. In some cases, some of the functionality of the web-based application may be downloaded to the client computing device for local execution.
The user may enter information into the interface or manipulate information using the interface via the web client application. The information may be transmitted to the server for processing. The server may transmit the processed data back to the client computing device and/or may store the processed data in a computer-readable medium for subsequent access via the web-based application.
Currently, a web client application may rely on a server to generate images for the web client application to present to the user. These images may represent text, shapes, charts, tables, etc. The web client application may have an arbitrary client-side display resolution that may vary based on hardware and/or software configurations. As can be appreciated, this may create a challenge when attempting to display high quality images.
The client computing device may be one of various types of computing devices with varying sizes and types of displays. For example, one user may utilize a tablet computing device to access a web-based application while another user may utilize a desktop computer with a large monitor.
Currently, servers may send images to web client applications sized for one resolution. The web client application may then either perform client-side scaling of the images or display the images at the fixed size. If a web client application performs client-side scaling, this may result in image fidelity degradation. For example, if an image of a given resolution is scaled up to a display on a larger screen, the image may look less precise; for example, text may appear more blurry and less readable. If a web client application displays an image at the fixed size, this may result in wasted, empty space if the server-provided image is too small or may require scroll bars if the server-provided image is too large for the client.
It is with respect to these and other considerations that the present invention has been made.
Embodiments of the present invention solve the above and other problems by calculating a target display resolution and passing the target display resolution as an input parameter with a request to a server for application content. According to embodiments, the server may use the desired size input parameter to determine an optimal image size for the target display resolution. The server may then render the application content as one or more images to the optimal image size and send the rendered image(s) to the web client application. A determination may be made by the web client application to display the image(s) at the size received or to scale the server-provided image(s). If the available area in the web client application pane changes, the web client application may recalculate the target display resolution and issue a new request to the server with the new target display resolution as the desired size input parameter.
The details of one or more embodiments are set forth in the accompanying drawings and description below. Other features and advantages will be apparent from a reading of the following detailed description and a review of the associated drawings. It is to be understood that the following detailed description is explanatory only and is not restrictive of the invention as claimed.
This summary is provided to introduce a selection of concepts in a simplified form that are further described below in the detailed description. This summary is not intended to identify key features or essential features of the claimed subject matter, nor is it intended as an aid in determining the scope of the claimed subject matter.
The accompanying drawings, which are incorporated in and constitute a part of this disclosure, illustrate various embodiments of the present invention. In the drawings:
As briefly described above, embodiments may calculate a target display resolution and pass the target display resolution as an input parameter with a request to a server for application content.
As described above, various users may have varying sizes of display screens with which to view content. For example, some users may utilize a tablet computing device while other users may utilize a computing device connected to a large monitor. Embodiments are directed to generating a display of content that is sized to a requesting device. The content that is rendered for a user may be customized for the particular user. For example, if a user launches a web-based application, such as a slide presentation web application, and selects to view a presentation or edit a presentation, the rendering via a server may be optimized (size of the rendering) for the particular client device being utilized by the user.
According to embodiments, the server may use the desired size input parameter to determine an optimal image size for the target display resolution. The server may render the application content as one or more images to the optimal image size and send the rendered image(s) to the web client application. If the available area in the web client application pane changes, the web client application may recalculate the target display resolution and issue a new request to the server with the new target display resolution as the desired size input parameter.
The following detailed description refers to the accompanying drawings. Wherever possible, the same reference numbers are used in the drawing and the following description to refer to the same or similar elements. While embodiments of the invention may be described, modifications, adaptations, and other implementations are possible. For example, substitutions, additions, or modifications may be made to the elements illustrated in the drawings, and the methods described herein may be modified by substituting, reordering, or adding stages to the disclosed methods. Accordingly, the following detailed description does not limit the invention, but instead, the proper scope of the invention is defined by the appended claims.
Referring now to the drawings, in which like numerals represent like elements, various embodiments will be described.
As shown in
Referring now to
According to embodiments, a display resolution may be calculated and may be calculated for the amount of available area 224. According to embodiments, the dimensions of a current browser application pane 202 may be determined, and the space taken up by the UI elements 208-220 may be subtracted out, leaving a dimension of the available area 224. This dimension may be sent to the server 104 with a request for content 222. As described above, application content 222 may be rendered in the available area 224. Typically, the application content 222 may be smaller than the available area 224 because it may be displayed in such a way that is appears to sit within the available area 224 as illustrated in
As described above, a web client application 110 may make a series of requests to a server 104. Scripting language, such as JavaScript® code, may run in the web client application 110 running in a web browser application 108, and may make requests to the server 104 for content 222. For example, the content 222 may be presentation content associated with a presentation application, such as PowerPoint® by Microsoft Corporation®.
Consider, for example, a user loads an application file on a server 104, such as a presentation file, for viewing. A scripting language (e.g., JavaScript®) may make a series of requests to the server 104. For example, a request may be made for an image for a first presentation slide. The server 104 may obtain the presentation file that may need to be converted into images that can be shown in a browser application pane 202. When making this conversion or rendering, the presentation file may be read and converted into one or more images, such as bitmap images. The term “image” may herein be used interchangeably with “application content.” According to embodiments, the web client application 110 may determine a screen resolution or pane resolution that a current user session is running, and send the resolution as part of the request for the image 222. For example the request may be for a first slide and include a pane resolution of 800 pixels by 600 pixels. The server 104 may receive the resolution information and render an image 222 of the first slide customized for that resolution. The image 222 may be sent to the web client application 110 and the web client application may then display the image 222 in the browser application pane 202 for the user to see.
According to embodiments, a client-side pane dimension may be determined and sent as part of a request for content. Accordingly, rendering may be based on the request. The content shown to a user may be customized for the current user session. Accordingly, the image 222 may look sharp, as opposed to an image 222 that may require browser-side scaling. If an image is provided at a resolution that does not fit a user's screen resolution, the text and images may appear blurry.
The method 300 proceeds to OPERATION 315, where the web client application 110 calculates the available area 224 within which to display the application content 222. According to embodiments, the space taken up by UI elements 208-220 may be known by the web client application 110 and may be subtracted out of the size of the overall web client application pane. According to one embodiment, the available area 224 may be the entire size of an inline frame. The determined available area 224 dimension may herein be referred to as the desired size input parameter.
The method 300 proceeds to OPERATION 320, where the web client application 110 sends a request for application content 222. According to embodiments, the desired size input parameter may be sent to the server 104 as part of a request.
At OPERATION 325, the server 104 may receive the request including the desired size input parameter and may generate the requested application content 222 using the desired size input parameter to determine an optimal image size for the target display resolution. The server 104 may open the file containing the requested content 222, which may be a presentation file, and start rendering the content, for example, slides within the presentation. The server 104 may use the web client application-provided desired size input parameter to determine an optimal size for the target display resolution and dynamically generate images 222 that are sized appropriately.
According to one embodiment, when determining an optimal image size for the target display resolution, the optimal image size may be customized to the available area 224 in the browser application pane 202. According to another embodiment, a set of predetermined image sizes may be available. The desired size input parameter may be utilized to determine which of the predetermined image sizes may be optimal for the available area 224. For example, image sizes may be rendered at select, predetermined resolutions instead of the server 104 providing an infinite number of renderings.
Embodiments may provide a viewing functionality which allows users to view application content 222 and an editing functionality which allows users to edit application content 222. There may be differences between what is rendered between viewing and editing functionalities. According to one embodiment, application content 222 may be custom-tailored (size) for every requesting client device 100. As can be appreciated, each client device 100 might have a different browser pane 202 size. Accordingly, a consequence of customizing the rendering for each client device 100 is that the images 222 may not be able to be reused between users. Consider, for example, two users try to view the same presentation, but they have different pane sizes. The same image cannot be sent to both users, which may put a burden on server-side resources. According to an embodiment, a choice of a number of predetermined image sizes may be provided. The desired size input parameter may be utilized to determine the predetermined size that matches the current requesting client device's available area 224.
The method 300 proceeds to OPERATION 330, where the server 104 sends the requested application content 222 to the web client application 110, the application content 222 being rendered according to the desired size input parameter. At OPERATION 335, the web client application 110 receives the application content 222 and displays the content in the web browser pane 202.
According to embodiments, the web client application 110 may determine whether to perform client-side scaling of the server-provided images 222 or to display the server-provided images 222 at their actual size. Although client-side scaling may result in fidelity degradation, the amount of degradation may be dependent on the magnitude of difference between the server-provided image size and client target display resolution. Because the server 104 provides images 222 that may be closer in size to the client target display resolution, better image fidelity may be achieved. If the web client application 110 determines to display the images 222 at their actual size, this may result in displaying some empty space. However, since the server-provided image size may be closer to the client-side display resolution, the amount of empty space may be less (in other words, the images are relatively larger, and may take up more of the available display window).
Once the web client application 110 receives the images 222, a determination may be made to scale the images 222. If an image 222 is sent at a size of, for example, 16 pixels by 16 pixels, the web client application 110 can resize the image 222 larger or smaller. For example, the image may be rendered at 16×16 or 8×8, or it may be rendered at 24×24. As should be appreciated, when an image 222 is scaled, it may experience a loss in fidelity. If an image is scaled larger, it may look blurry. If an image is scaled smaller, it might lose some detail. In some cases, having empty space may be determined worse than having a slightly scaled image 222. Once the web client application 110 receives an image 222 from the server 104, a determination may be made whether it needs to scale the image so that it fits better in the area that it has available 224. For example, if the available area 224 is 5% larger than the image 222 sent, a determination may be made not to scale the image; however, if the available area 224 is 10% larger than the image 222 that is sent, then a determination may be made to scale the image.
According to embodiments, the web client application 110 may pass the aforementioned target display resolution as an input parameter to the server 104 when making the request for application content 222. The web client application 110 may make repeated requests. For example, as a user may view a document, which may be a presentation document. A portion of the content 222 may be sent at a given time, for example, one presentation slide. As the user goes through the content (e.g., slide show), the web client application 110 may make requests for more and more content (e.g., slides). Once a size at which to provide content is determined, the requests may include the desired size input parameter. The desired size input parameter for a particular rendering may be sent as part of each subsequent request that the browser makes.
According to embodiments, the web client application 110 may request a new target display resolution. At DECISION OPERATION 340, a determination may be made to determine if the available area 224 has changed. If it is determined that the available area 224 has changed, the method 200 may go back to OPERATION 315 and repeat OPERATIONS 315-340. The server 104 may generate new images 222 that are sized for the new available area 224. For example, a user may change the browser pane 202 size in various ways. The pane 202 may go from a small to a large pane by maximizing the pane, or may go from a large pane to a small pane by minimizing the pane, or the user may switch the pane to a different monitor with a different resolution. Any of these user actions may result in the available area changing. At that point, the web client application 110 may determine that the available area 224 has changed and may request the application content 222 rendered for the new area available. In response to the request, the server 104 may generate and send a new set of images 222 based on the new available area 224. According to an embodiment, each time a user changes the browser resolution or the browser pane 202 size, the web client application 110 may send a request to the server 104 with the new desired size input parameter requesting the server 104 to render images 222 for the new available area 224. According to embodiments, this may be a dynamic process: as the user changes the area available for content, the system responds to the changes. According to one embodiment, while the web client application 110 is waiting for a response from the server 104 with the resized image(s), the current image(s) 222 may be scaled to fit the new available area 224. Alternatively, the web client application 110 may display the current application content 222 at its current size until the resized image(s) are received. The method 300 ends at OPERATION 395.
The embodiments and functionalities described herein may operate via a multitude of computing systems including, without limitation, desktop computer systems 100C, wired and wireless computing systems, mobile computing systems (e.g., mobile telephones 100A, netbooks, tablet or slate type computers, such as tablet computing device 100D, notebook computers, and laptop computers 100B), hand-held devices, multiprocessor systems, microprocessor-based or programmable consumer electronics, minicomputers, and mainframe computers. In addition, the embodiments and functionalities described herein may operate over distributed systems (e.g., cloud-based computing systems), where application functionality, memory, data storage and retrieval and various processing functions may be operated remotely from each other over a distributed computing network, such as the Internet or an intranet. User interfaces and information of various types may be displayed via on-board computing device displays or via remote display units associated with one or more computing devices. For example user interfaces and information of various types may be displayed and interacted with on a wall surface onto which user interfaces and information of various types are projected. Interaction with the multitude of computing systems with which embodiments of the invention may be practiced include, keystroke entry, touch screen entry, voice or other audio entry, gesture entry where an associated computing device is equipped with detection (e.g., camera) functionality for capturing and interpreting user gestures for controlling the functionality of the computing device, and the like.
As stated above, a number of program modules and data files may be stored in the system memory 404. While executing on the processing unit 402, the program modules 406, such as web client application 110, may perform processes including, for example, one or more of the stages of the method 300. The aforementioned process is an example, and the processing unit 402 may perform other processes. Other program modules that may be used in accordance with embodiments of the present invention may include electronic mail and contacts applications, word processing applications, database applications, slide presentation applications, drawing or computer-aided application programs, etc.
Furthermore, embodiments of the invention may be practiced in an electrical circuit comprising discrete electronic elements, packaged or integrated electronic chips containing logic gates, a circuit utilizing a microprocessor, or on a single chip containing electronic elements or microprocessors. For example, embodiments of the invention may be practiced via a system-on-a-chip (SOC) where each or many of the components illustrated in
The computing device 400 may also have one or more input device(s) 412 such as a keyboard, a mouse, a pen, a sound input device, a touch input device, a gesture recognition device, etc. The output device(s) 414 such as a display, speakers, a printer, etc. may also be included. The aforementioned devices are examples and others may be used. The computing device 400 may include one or more communication connections 416 allowing communications with other computing devices 418. Examples of suitable communication connections 416 include, but are not limited to, RF transmitter, receiver, and/or transceiver circuitry; universal serial bus (USB), parallel, or serial ports, and other connections appropriate for use with the applicable computer readable media.
Embodiments of the invention, for example, may be implemented as a computer process (method), a computing system, or as an article of manufacture, such as a computer program product or computer readable media. The computer program product may be a computer storage media readable by a computer system and encoding a computer program of instructions for executing a computer process.
The term computer readable media as used herein may include computer storage media and communication media. Computer storage media may include volatile and nonvolatile, removable and non-removable media implemented in any method or technology for storage of information, such as computer readable instructions, data structures, program modules, or other data. The system memory 404, the removable storage device 409, and the non-removable storage device 410 are all computer storage media examples (i.e., memory storage.) Computer storage media may include, but is not limited to, RAM, ROM, electrically erasable read-only memory (EEPROM), flash memory or other memory technology, CD-ROM, digital versatile disks (DVD) or other optical storage, magnetic cassettes, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other medium which can be used to store information and which can be accessed by the computing device 400. Any such computer storage media may be part of the computing device 400.
Communication media may be embodied by computer readable instructions, data structures, program modules, or other data in a modulated data signal, such as a carrier wave or other transport mechanism, and includes any information delivery media. The term “modulated data signal” may describe a signal that has one or more characteristics set or changed in such a manner as to encode information in the signal. By way of example, and not limitation, communication media may include wired media such as a wired network or direct-wired connection, and wireless media such as acoustic, radio frequency (RF), infrared, and other wireless media.
One or more application programs 566, which may include web client application 110, may be loaded into the memory 562 and run on or in association with the operating system 564. Examples of the application programs include phone dialer programs, e-mail programs, personal information management (PIM) programs, word processing programs, spreadsheet programs, Internet browser programs, messaging programs, and so forth. The system 502 also includes a non-volatile storage area 568 within the memory 562. The non-volatile storage area 568 may be used to store persistent information that should not be lost if the system 502 is powered down. The application programs 566 may use and store information in the non-volatile storage area 568, such as e-mail or other messages used by an e-mail application, and the like. A synchronization application (not shown) also resides on the system 502 and is programmed to interact with a corresponding synchronization application resident on a host computer to keep the information stored in the non-volatile storage area 568 synchronized with corresponding information stored at the host computer. As should be appreciated, other applications may be loaded into the memory 562 and run on the mobile computing device 500.
The system 502 has a power supply 570, which may be implemented as one or more batteries. The power supply 570 might further include an external power source, such as an AC adapter or a powered docking cradle that supplements or recharges the batteries. The system 502 may also include a radio 572 that performs the function of transmitting and receiving radio frequency communications. The radio 572 facilitates wireless connectivity between the system 502 and the “outside world”, via a communications carrier or service provider. Transmissions to and from the radio 572 are conducted under control of the operating system 564. In other words, communications received by the radio 572 may be disseminated to the application programs 566 via the operating system 564, and vice versa.
The radio 572 allows the system 502 to communicate with other computing devices, such as over a network. The radio 572 is one example of communication media. Communication media may typically be embodied by computer readable instructions, data structures, program modules, or other data in a modulated data signal, such as a carrier wave or other transport mechanism, and includes any information delivery media. The term “modulated data signal” means a signal that has one or more of its characteristics set or changed in such a manner as to encode information in the signal. By way of example, and not limitation, communication media includes wired media such as a wired network or direct-wired connection, and wireless media such as acoustic, RF, infrared and other wireless media. The term computer readable media as used herein includes both storage media and communication media.
This embodiment of the system 502 provides notifications using the visual indicator 520 that can be used to provide visual notifications and/or an audio interface 574 producing audible notifications via the audio transducer 525. In the illustrated embodiment, the visual indicator 520 is a light emitting diode (LED) and the audio transducer 525 is a speaker. These devices may be directly coupled to the power supply 570 so that when activated, they remain on for a duration dictated by the notification mechanism even though the processor 560 and other components might shut down for conserving battery power. The LED may be programmed to remain on indefinitely until the user takes action to indicate the powered-on status of the device. The audio interface 574 is used to provide audible signals to and receive audible signals from the user. For example, in addition to being coupled to the audio transducer 525, the audio interface 574 may also be coupled to a microphone to receive audible input, such as to facilitate a telephone conversation. In accordance with embodiments of the present invention, the microphone may also serve as an audio sensor to facilitate control of notifications, as will be described below. The system 502 may further include a video interface 576 that enables an operation of an on-board camera 530 to record still images, video stream, and the like.
A mobile computing device 500 implementing the system 502 may have additional features or functionality. For example, the mobile computing device 500 may also include additional data storage devices (removable and/or non-removable) such as, magnetic disks, optical disks, or tape. Such additional storage is illustrated in
Data/information generated or captured by the mobile computing device 500 and stored via the system 502 may be stored locally on the mobile computing device 500, as described above, or the data may be stored on any number of storage media that may be accessed by the device via the radio 572 or via a wired connection between the mobile computing device 500 and a separate computing device associated with the mobile computing device 500, for example, a server computer in a distributed computing network, such as the Internet. As should be appreciated such data/information may be accessed via the mobile computing device 500 via the radio 572 or via a distributed computing network. Similarly, such data/information may be readily transferred between computing devices for storage and use according to well-known data/information transfer and storage means, including electronic mail and collaborative data/information sharing systems.
The description and illustration of one or more embodiments provided in this application are not intended to limit or restrict the scope of the invention as claimed in any way. The embodiments, examples, and details provided in this application are considered sufficient to convey possession and enable others to make and use the best mode of claimed invention. The claimed invention should not be construed as being limited to any embodiment, example, or detail provided in this application. Regardless of whether shown and described in combination or separately, the various features (both structural and methodological) are intended to be selectively included or omitted to produce an embodiment with a particular set of features. Having been provided with the description and illustration of the present application, one skilled in the art may envision variations, modifications, and alternate embodiments falling within the spirit of the broader aspects of the claimed invention and the general inventive concept embodied in this application that do not depart from the broader scope.
The present application claims priority to U.S. Provisional Patent Application No. 61/557,711 filed Nov. 9, 2011, the disclosure of which is hereby incorporated by reference in its entirety.
Number | Date | Country | |
---|---|---|---|
61557711 | Nov 2011 | US |