Abstract:
A method of displaying content on a device comprises detecting a screen orientation change event, determining if one or more applications are configured to accommodate a screen orientation change, and triggering a screen orientation adjustment in a rich media engine. The screen orientation change event may be a hardware change associated with the device. The hardware change may be detected via sensors in the device. The screen orientation change event may be an input by the user or a signal received from a remote device.

Description:
CROSS-REFERENCE TO RELATED PATENT APPLICATIONS 
       [0001]    This application claims priority under 35 U.S.C. § 119(e) from U.S. Provisional Application Ser. No. 60/886,094, filed Jan. 22, 2007, incorporated herein by reference in its entirety. 
     
    
     BACKGROUND OF THE INVENTION 
       [0002]    The present invention relates generally to the field of wireless devices and, more particularly, presentation and display of content on such devices. 
         [0003]    Until recently, applications for mobile devices were text based with limited interactivity. However, as more wireless devices are equipped with color displays and more advanced graphics-rendering libraries, consumers will demand a rich media experience from all their wireless applications. Rich media content generally includes content that is graphically rich and contains compound (or multiple) media including graphics, text, video and audio and, preferably, delivered through a single interface. Rich media dynamically changes over time and could respond to user interaction. Rich media applications, particularly in the Web services domain, include XML-based content such as Scalable Vector Graphics (SVG), Synchronized Multimedia Integration Language (SMIL) and Compound Documents Format (CDF). 
         [0004]    SVG (more specifically, version SVGT 1.2) is a language for describing two-dimensional graphics in XML. SVG allows for three types of graphic objects: vector graphic shapes (e.g., paths consisting of straight lines and curves), multimedia (e.g., raster images, video), and text. SVG drawings can be interactive (e.g., using a Document Object Model, or DOM, event model) and dynamic. Animations can be defined and triggered either declaratively (e.g., by embedding SVG animation elements in SVG content) or via scripting. Sophisticated applications of SVG are possible by use of a supplemental scripting language which accesses the SVG Micro Document Object Model (uDOM), which provides complete access to all elements, attributes and properties. A rich set of event handlers can be assigned to any SVG graphical object. Because of its compatibility and leveraging of other Web standards (such as CDF, described below), features like scripting can be done on XHTML and SVG elements simultaneously within the same Web page. 
         [0005]    SMIL (specifically, SMIL 2.0) enables simple authoring of interactive audiovisual presentations. SMIL is typically used for rich media/multimedia presentations which integrate streaming audio and video with images, text or any other media type. 
         [0006]    The CDF working group is producing recommendations on combining separate component languages (e.g., XML-based languages, elements and attributes from separate vocabularies), like XHTML, SVG, MathML, and SMIL, with a focus on user interface markups. When combining user interface markups, specific problems have to be resolved that are not addressed by the individual markups specifications, such as the propagation of events across markups, the combination of rendering or the user interaction model with a combined document. The CDF working group will address these types of problems. 
         [0007]    In order to maximize the user experience while viewing rich media content, efficient delivery of such content of the client is important. However, optimal content presentation is also vital and is more challenging when viewing orientations have to be changed, either explicitly (e.g., declared in the content itself) or implicitly (e.g., via a change in the actual phone screen mode). 
         [0008]    A growing number of mobile devices (e.g., Nokia N93, N95) have greater versatility in their form factors, particularly screen orientation and input modalities. While the presentation of rich media content on a client device is scalable and interactive, challenges still exist in presentation when conforming to changes in screen orientation. There is hence a need for the content or the layout of the content displayed on the screen to adapt to these orientation modes for delivering a good user experience. 
         [0009]    Typically, built-in advanced sensors in the phone such as an accelerometer, detect when the phone&#39;s screen is rotated and, in turn, generate events that notify the top-layer application framework. This notification enables the application to respond to the orientation events to perform certain actions such as changing the appearance of the application (e.g., the application grid on the phone screen) or the content within the application by dispatching this event to the engine that is responsible for rendering or displaying the content. As an alternative, these orientation events may be explicitly streamed from a remote terminal to the client and executed with or without event triggers. However, in order for the underlying engine (for e.g. rich media engine) to understand these application events, it is required to provide mechanisms for enabling proper response to screen orientation events including: 
         [0010]    a syntactic definition of the screen orientation modes in the rich media content; 
         [0011]    a functional and syntactic definition of a rich media based event interface specific to these screen orientation modes; and 
         [0012]    a methodology on how phone hardware based screen orientation events map to the application based event interface, the subsequent processing of these events and actual content realization by the rich media client engine. 
         [0013]    Although the concept of different screen orientations has been prevalent for various types of user interface (UI) systems and devices, currently there is no systematic mechanism that defines the handling of screen orientation modes in the context of a rich media environment. 
         [0014]    A preliminary contribution was submitted at a Third Generation Partnership Project (3GPP) SA4#41 meeting (ref: ftp://ftp.3gpp.org/TSG_SA/WG4_CODEC/TSGS4 — 41/Docs/S4-060640.zip) to address this problem. The proposal introduced four events based on angles: 
         [0000]    
       
         
               
               
               
             
           
               
                   
               
               
                 Event Identifier 
                 Namespace 
                 Description 
               
               
                   
               
             
             
               
                 “screenOrientation0” 
                 urn:mpeg:mpeg4:laser:2005 
                 The screen orientation has 
               
               
                   
                   
                 changed to typical ‘landscape’ 
               
               
                   
                   
                 orientation 
               
               
                 “screenOrientation90” 
                 urn:mpeg:mpeg4:laser:2005 
                 The screen orientation has 
               
               
                   
                   
                 changed to typical ‘portrait’ 
               
               
                   
                   
                 orientation 
               
               
                 “screenOrientation180” 
                 urn:mpeg:mpeg4:laser:2005 
                 The screen orientation has 
               
               
                   
                   
                 changed to inverted ‘landscape’ 
               
               
                   
                   
                 orientation 
               
               
                 “screenOrientation270” 
                 urn:mpeg:mpeg4:laser:2005 
                 The screen orientation has 
               
               
                   
                   
                 changed to inverted ‘portrait’ 
               
               
                   
                   
                 orientation 
               
               
                   
               
             
          
         
       
     
         [0015]    However, with this proposal, the event identifiers are based on angles and, therefore, introduce ambiguity while mapping the underlying hardware/OS based events to these content based events. For example, the Symbian UI framework does not support inverted portrait and landscape modes. Further, the proposal does not define the mapping of the event identifiers to an event interface. In addition, the proposal lacks the definition of event interface, which is crucial for obtaining information related to the screen orientation, such as screen width/height, and the location of the soft keys in response to the change in screen orientation. 
         [0016]    Further, U.S. Patent Publication No. 2002/0101439, titled “Method and Apparatus for Rotating an Image on a Display,” utilizes a three-dimensional rendering engine to rotate an image based on a user-selected or otherwise determined screen orientation. A vertex coordinate transformation is defined for a rotated destination image. The source image is used as a texture for texture mapping during rendering operation to produce rotated image. However, this disclosure mainly concerns image manipulation via rotation and texture mapping to align with the desired screen orientation. 
         [0017]    U.S. Pat. No. 6,597,384, titled, “Automatic Reorienting of Screen Orientation Using Touch Sensitive System,” discloses the automatic change of display by sensing a change in the direction of the display via touch sensors. This disclosure focuses primarily on the mapping of hardware events triggered by touch sensors to the actual orientation of the screen. It fails to address any application level functionality for handling such orientation and is restricted mainly to touch screens. 
         [0018]    U.S. Pat. No. 5,910,797, titled, “Portable Data Processing Apparatus Provided with a Screen and a Gravitation-Controlled Sensor for Screen Orientation,” discloses a gravitation-controlled sensor in the screen for measuring a spatial orientation. The disclosed apparatus has a programmed data processor under control of a predetermined range of spatial orientations imparting a non-stationary motion pattern to a predetermined selection among the objects. The motion can be used in the way of a joystick. This disclosure is related to hardware mechanisms for enabling screen orientation, rather than any application-level functionality, as needed for rich media content. 
         [0019]    U.S. Pat. No. 5,661,632, titled, “Hand Held Computer with Dual Display Screen Orientation Capability Controlled by Toggle Switches Having First and Second Non-Momentary Positions,” discloses an architecture of a handheld computer having a generally rectangular housing on a front side wall of which a display screen is operatively mounted. A row of toggle switches is also mounted on the front housing side wall, adjacent the display screen, the toggle switches being operatively connected to the computer circuitry within the housing. One of the toggle switches is operative, via the internal computer circuitry, to selectively rotate, through an angle of 90 degrees, the orientation of data generated on the screen so that the screen data is in an upright viewing orientation relative to the user of the computer. Because the toggle switches are non-momentary, the orientation of the data generated on the screen is preserved while the handheld computer is turned off. Again, this disclosure concerns hardware rather than application level mechanisms for screen orientation. 
       SUMMARY OF THE INVENTION 
       [0020]    One aspect of the invention relates to a method of displaying content on a device. The method comprises detecting a screen orientation change event and triggering a screen orientation adjustment in a rich media engine. 
         [0021]    In one embodiment, the method further comprises determining if one or more applications are configured to accommodate a screen orientation change. 
         [0022]    In one embodiment, the screen orientation change event is a hardware change associated with the device. The hardware change may be detected via sensors in the device. 
         [0023]    In one embodiment, the screen orientation change event is an input by the user. 
         [0024]    In another embodiment, the screen orientation change event is a signal received from a remote device. 
         [0025]    In one embodiment, the rich media engine includes a screenOrientation attribute. The screenOrientation attribute may have a value selected from portrait, landscape or angle. The rich media engine may further include a view attribute applicable to a subset of an application to be oriented. The screenOrientation event or attribute may include attributes of screenwidth, screenHeight and screenAngle 
         [0026]    In one embodiment, the screen orientation adjustment repositions one or more soft keys. 
         [0027]    In another aspect of the invention, a computer program product, embodied on a computer-readable medium, for displaying content on a device comprises computer code for detecting a screen orientation change event, and computer code for triggering a screen orientation adjustment in a rich media engine. 
         [0028]    In another aspect of the invention, a wireless device comprises a detection module adapted to detect a screen orientation change event and a screen orientation module adapted to trigger a screen orientation adjustment in a rich media engine. 
         [0029]    In another aspect of the invention, a rich media interface comprises a ScreenOrientationEvent attribute adapted to change screen orientation of a screen of a device upon a triggering event and one or more screen dimension attributes defining the dimensions of the screen after changing orientation. 
     
    
     
       BRIEF DESCRIPTION OF THE DRAWINGS 
         [0030]      FIG. 1  is a picture illustrating an exemplary wireless device adapted to display content in portrait and landscape formats according to an embodiment of the present invention; 
           [0031]      FIG. 2  illustrates the display of content on a screen in a portrait format according to an embodiment of the present invention; 
           [0032]      FIG. 3  illustrates the display of content on a screen in a landscape format according to an embodiment of the present invention; 
           [0033]      FIGS. 4(   a )-( d ) illustrate the display of content on a screen in various formats according to an embodiment of the present invention; and 
           [0034]      FIG. 5  is a flowchart illustrating a method of displaying content according to an embodiment of the present invention. 
       
    
    
     DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS 
       [0035]    Embodiments of the present invention address the need for dynamic and interactive multimedia scenes (DIMS) applications to adapt to changes in screen orientation. Embodiments of the present invention provide mechanisms that are both syntactic and functional to address the screen orientation problem for rich media content. Such mechanisms enable implicit (e.g., when the phone screen is rotated between landscape and portrait) and explicit (e.g., when the content itself includes a screen orientation event listener to a button that is triggered when clicked) adaptation of content to the required orientation modes. In particular, embodiments of the invention provide (1) application based orientation modes for rich media content, (2) an event interface for these orientation modes, and (3) event management and processing of screen orientation events. 
         [0036]    There are several use cases where such screen orientation mechanisms described herein would be useful in rich media services. For example, interactive mobile TV services are understood as the ability to provide a deterministic rendering and behavior of rich-media content, including audio-video content, text, images, XML-based content such as SVG, and TV and radio channels, together in the end-user interface. The service must provide convenient navigation through the content in a single application or service and must allow synchronized interaction, such as voting and personalization (e.g., related menu or sub-menu, advertising and content in function of the end-user profile or service subscription). Typically, default applications run in portrait mode on hand-held devices. However, it may be optimal to view mobile TV in landscape mode for various reasons (e.g., displaying closed captioning, video content itself is in landscape mode, etc.). 
         [0037]    Further, a live enterprise data feed may include stock tickers that provide streaming of real-time quotes, live intra-day charts with technical indicators, news monitoring, weather alerts, charts, business updates, etc. Given how such data could dynamically vary in terms of what is shown and how much content is shown, the content may often toggle between several orientations. 
         [0038]    Further, certain rich media games allow for multimedia content to be presented with some game logic for entertainment purposes. Either based in user interaction or change in game logic, the orientation of the content may change. 
         [0039]    In accordance with embodiments of the present invention, the following may be used for generating screen-orientation events: (1) via device hardware events (e.g., rotation of the phone screen) and (2) explicit instructions, for example, sent from a remote terminal/server that would be triggered when certain events occur on the client. In the first case, the application could completely rely on the underlying application shell to take care of rotating the content based on the orientation of the screen. However, automatic adaptation of the content by simple rotation is not always optimal. Certain adjustments to the content presentation are often preferred for better viewing experience. For example, in  FIG. 1 , the application grid on the N93 screen is readjusted from portrait to landscape to make efficient use of the screen. These adjustments of how the content is to be adapted have to be specified in the data itself. In addition, the second case of adjusting orientation based on events (e.g., a button click, after a duration of a certain period) would need explicit definition in the data as well. Thus, in accordance with an embodiment of the invention, an attribute called “screenOrientation” in the rich media content is provided. In one embodiment, this attribute takes one of three possible forms: specification of the portrait format, specification of the landscape format, or an angle in degrees. While the first two values correspond to existing modes on most devices, the third option can be user defined. 
         [0000]    
       
         
               
               
               
               
             
           
               
                   
               
               
                 Attribute 
                 Value 
                 Namespace 
                 Description 
               
               
                   
               
             
             
               
                 “screenOrientation” 
                 Portrait 
                 dims:events 
                 Specified when the content needs to be 
               
               
                   
                   
                   
                 presented in “portrait” mode. 
               
               
                   
                 Landscape 
                 dims:events 
                 Specified when the content needs to be 
               
               
                   
                   
                   
                 presented in “landscape” mode. 
               
               
                   
                 Angle of 
                 dims:events 
                 Specified when the content needs to be 
               
               
                   
                 orientation 
                   
                 presented in an orientation that is 
               
               
                   
                 in degrees 
                   
                 inclined to the vertical viewing axis by 
               
               
                   
                   
                   
                 the specified angle. 
               
               
                   
               
             
          
         
       
     
         [0040]    In another embodiment, a “view” element for defining the scope of the screen orientation in rich media content is provided. While the “screenOrientation” attribute specifies the mode in which the rich media content has to be rendered, there still needs to be a way of specifying how much of the content has to be rendered in that mode. 
         [0041]    For example: 
         [0000]    
       
         
               
               
             
           
               
                   
                   
               
             
             
               
                   
                 &lt;svg viewBox = “0 0 1000 1000” version = 
               
               
                   
                 “1.1”&gt; 
               
               
                   
                  &lt;circle id = “s1” cx = “300” cy = 
               
               
                   
                 “300” r = “200” fill = “mediumorchid” 
               
               
                   
                 stroke = “black” stroke-width = “3”/&gt; 
               
               
                   
                  &lt;ellipse id = “s2” cx = “350” cy = 
               
               
                   
                 “800” rx = “200” ry = “150” 
               
               
                   
                 fill=“lightskyblue” stroke = “black” 
               
               
                   
                 stroke-width = “3”/&gt; 
               
               
                   
                  &lt;circle id = “s3” cx = “770” cy = 
               
               
                   
                 “750” r = “200” fill = “tomato” stroke = 
               
               
                   
                 “black” stroke-width = “3”/&gt; 
               
               
                   
                  &lt;ellipse id = “s4” cx = “430” cy = 
               
               
                   
                 “600” rx = “200” ry = “150” transform = 
               
               
                   
                 “rotate(−45,100,100)” fill = 
               
               
                   
                 “mediumseagreen” stroke = “black” 
               
               
                   
                 stroke-width = ”3”/&gt; 
               
               
                   
                 &lt;/svg&gt; 
               
               
                   
                   
               
             
          
         
       
     
         [0042]    Here, if the first circle and the first ellipse are to be rendered in landscape mode while the second circle and second ellipse are to be rendered normally in the default presentation mode, one would have to use the “screenOrientation” mode for every element that needs to be rendered in that mode. So in the above example, screenOrientation=“landscape” would have to be added to the first circle and first ellipse. While this may still be considered fine with just two elements, it is not optimal to add the same mode for large sets of elements. Thus, to address this issue, we introduce the concept of “views” in this invention. 
         [0043]    A “view” is a subset of the rich media content that can be rendered and interacted within the application. By default, an application has at least one logical view. If the entire application is to rendered in a particular orientation, then views are not required. However, if a subset of the application is to be rendered in one mode then views are useful in differentiating the scope of the “screenOrientation” attribute applied. 
         [0044]    Again, considering the above example, the svg content with views would be: 
         [0000]    
       
         
               
               
             
           
               
                   
                   
               
             
             
               
                   
                 &lt;svg viewBox = “0 0 1000 1000” version = “1.1”&gt; 
               
               
                   
                 &lt;view id = “1 ” screenOrientation = 
               
               
                   
                 “landscape”&gt; 
               
               
                   
                  &lt;circle id = “s1” cx = “300” cy = “300” r = “200” 
               
               
                   
                 fill = “mediumorchid” stroke = “black” stroke-width = 
               
               
                   
                 “3”/&gt; 
               
               
                   
                  &lt;ellipse id = “s2” cx = “350” cy = “800” rx = “200” 
               
               
                   
                 ry = “150” fill=“lightskyblue” stroke = “black” stroke- 
               
               
                   
                 width = “3”/&gt; 
               
               
                   
                 &lt;/view&gt; 
               
               
                   
                  &lt;circle id = “s3” cx = “770” cy = “750” r = “200” 
               
               
                   
                 fill = “tomato” stroke = “black” stroke-width = “3”/&gt; 
               
               
                   
                  &lt;ellipse id = “s4” cx = “430” cy = “600” rx = “200” 
               
               
                   
                 ry = “150” transform = “rotate(−45,100,100)” fill = 
               
               
                   
                 “mediumseagreen” stroke = “black” stroke-width = 
               
               
                   
                 ”3”/&gt; 
               
               
                   
                 &lt;/svg&gt; 
               
               
                   
                   
               
             
          
         
       
     
         [0045]    Further, a particular view can be associated with a screenOrientation event that would be triggered upon a certain condition being satisfied. 
         [0046]    In one embodiment of the invention, one or more event types are provided. For example, event types may include “screenOrientationPortrait,” “screenOrientationLandscape” and “screenOrientationManual” corresponding to the screenOrientation attribute values “portrait”, “landscape” and “orientation in degrees,” respectively. The first two events (i.e., portrait and landscape) are the most commonly used orientations in current devices. 
         [0047]    In another embodiment, a screen orientation event interface for the rich media system is provided. The following is the definition of the screenOrientation interface that provides the contextual information related to screen orientation changes. This interface is designed and based on DOM Level  3  events specification, and therefore can be used in any DOM based implementations. Note that this interface extends the base “event” interface, which contains the basic event information such as the event target, and event type information. 
         [0000]    
       
         
               
               
             
           
               
                   
                   
               
             
             
               
                   
                 interface ScreenOrientationEvent : Event 
               
               
                   
                 { 
               
               
                   
                 const unsigned short SOFTKEYS_LEFT = 1; 
               
               
                   
                 const unsigned short SOFTKEYS_RIGHT= 2; 
               
               
                   
                 const unsigned short SOFTKEYS_TOP = 3; 
               
               
                   
                 const unsigned short SOFTKEYS_BOTTOM= 4; 
               
               
                   
                 readonly attribute long screenWidth; 
               
               
                   
                 readonly attribute long screenHeight; 
               
               
                   
                 readonly attribute unsigned short softKeysLayout; 
               
               
                   
                 } 
               
               
                   
                   
               
             
          
         
       
     
         [0048]    “SOFTKEYS_BOTTOM” indicates that the device soft keys at the bottom of the screen in the current screen orientation, as illustrated in  FIG. 4   a.    
         [0049]    “SOFTKEYS_TOP” indicates that the device soft keys are at the top of the screen in the current screen orientation, as illustrated in  FIG. 4   b.    
         [0050]    “SOFTKEYS_LEFT” indicates that the device soft keys are to the left of the screen in the current screen orientation, as illustrated in  FIG. 4   c.    
         [0051]    “SOFTKEYS_RIGHT” indicates that the device soft keys are to the right of the screen in the current screen orientation, as illustrated in  FIG. 4   d.    
         [0052]    “ScreenWidth” contains the new screen display or viewport width reflecting the new orientation. “ScreenHeight” contains the new screen display or viewport height reflecting the new orientation. “SoftKeysLayout” indicates the location of the device soft keys in response to the orientation change. The possible values are SOFTKEYS_LEFT, SOFTKEYS_RIGHT, SOFTKEYS_TOP, and SOFTKEYS_BOTTOM, as described above with reference to  FIGS. 4(   a )-( d ). 
         [0053]    For reference, provided below is the event interface as defined in DOM Level  3  events specification: 
         [0000]    
       
         
               
               
             
           
               
                   
                   
               
             
             
               
                   
                 interface Event 
               
               
                   
                   { 
               
               
                   
                   readonly attribute EventTarget target; 
               
               
                   
                   readonly attribute DOMString type; 
               
               
                   
                   readonly attribute currentTarget; 
               
               
                   
                   ... 
               
               
                   
                   ... 
               
               
                   
                 ... 
               
               
                   
                   } 
               
               
                   
                   
               
             
          
         
       
     
         [0054]    With the information provided by the screen orientation interface, the user agent or underlying rich media engine can adapt to the layout or visual representation of the content to current screen orientation. 
         [0055]    In another embodiment, the event management and processing of screen orientation events is provided. According to an embodiment of the invention, the event management and processing of screen orientation events is based on the DOM Level  3  events processing model. This includes event creation, event dispatching, event registration and event handling. 
         [0056]    Event creation deals with the creation of a ScreenOrientationEvent object which is an implementation of ScreenOrientationEvent interface. This event is directly mapped to the hardware event notification (e.g., using the Symbian UI framework) or through an event “message” from the server. During the event creation it is important that the relevant event attributes such as event target, event type, screenWidth, screenHeight attributes are set. 
         [0057]    Event dispatching deals with dispatching the ScreenOrientation event to the appropriate target based on the event target. 
         [0058]    With regard to the event registration, the content author or application typically registers for the events if he/she chooses to listen to a particular event. For example, to listen to a ScreenOrientationEvent, a listener must be registered with the event target within the rich media engine. This can be done either declaratively using the &lt;ev:listener&gt; element or can be done by the implementation by attaching the “EventListener” object to the “EventTarget” object. This completes the registration process and is usually done prior to the event creation and dispatching phase. 
         [0059]    Event handling relates to event processing or realization. Event handlers contain the logic or code that must be executed based on a specific event listener and an event target. For example, when the ScreenOrientationEvent is dispatched to a particular event target as described in the previous stages, the event manager of the rich media engine checks the list of event listeners and invokes the appropriate event handler, thereby executing the logic that is present within the handler. And the handler can access all the information relevant to screen orientation as defined by the ScreenOrientationEvent object. 
         [0060]    The following example illustrates the concept of screen orientation and the content adoption based on the orientation change. The content is authored in SVG format. When this content is loaded by the rich media client, the content is seen in the portrait mode (default), as illustrated in  FIG. 2 . Now, when the screen orientation change event is fired, either by the hardware or streamed from the server, this event gets dispatched to the rich media engine, where the &lt;listener&gt; elements get the notification. Upon this notification, the listener elements invoke the appropriate &lt;handler&gt; elements that, in this example, execute the associated scripts to change the layout of the content from ‘portrait’ mode to ‘landscape’ mode, as illustrated in  FIG. 3 . 
         [0000]    
       
         
               
             
           
               
                   
               
             
             
               
                 &lt;svg xmlns=“http://www.w3.org/2000/svg” version=“1.2” 
               
               
                 baseProfile=“tiny” 
               
               
                  xmlns:ev=“http://www.w3.org/2001/xml-events”&gt; 
               
               
                  xmlns:mynamespace=”http://www.example.com/ 
               
               
                      &lt;desc&gt;An example of the screen orientation&lt;/desc&gt; 
               
               
                  &lt;rect xml:id=“icon1” x=“10” y=“10” width=“20” height=“10” 
               
               
                 fill=“red”/&gt; 
               
               
                  &lt;rect xml:id=“icon3” x=“10” y=“30” width=“20” height=“10” 
               
               
                 fill=“green”/&gt; 
               
               
                  &lt;rect xml:id=“icon5” x=“10” y=“50” width=“20” height=“10” 
               
               
                 fill=“yellow”/&gt; 
               
               
                  &lt;rect xml:id=“icon2” x=“40” y=“10” width=“20” height=“10” 
               
               
                 fill=“blue”/&gt; 
               
               
                  &lt;rect xml:id=“icon4” x=“40” y=“30” width=“20” height=“10” 
               
               
                 fill=“purple”/&gt; 
               
               
                  &lt;rect xml:id=“icon6” x=“40” y=“50” width=“20” height=“10” 
               
               
                 fill=“orange”/&gt; 
               
               
                  &lt;ev:listener ev:event=“mynamespace: screenOrientationLandscape ” 
               
               
                 observer=“icon1” handler=“#theOrientationHandler”/&gt; 
               
               
                   &lt;ev:listener ev:event=“mynamespace: screenOrientationLandscape ” 
               
               
                 observer=“icon2” handler=“#theOrientationHandler”/&gt; 
               
               
                   &lt;ev:listener ev:event=“mynamespace: screenOrientationLandscape ” 
               
               
                 observer=“icon3” handler=“#theOrientationHandler”/&gt; 
               
               
                   &lt;ev:listener ev:event=“mynamespace: screenOrientationLandscape ” 
               
               
                 observer=“icon4” handler=“#theOrientationHandler”/&gt; 
               
               
                   &lt;ev:listener ev:event=“mynamespace: screenOrientationLandscape ” 
               
               
                 observer=“icon5” handler=“#theOrientationHandler”/&gt; 
               
               
                   &lt;ev:listener ev:event=“mynamespace: screenOrientationLandscape ” 
               
               
                 observer=“icon6”     handler=“#theOrientationHandler”/&gt; 
               
               
                  &lt;handler xml:id=“theOrientationHandler” 
               
               
                 type=“application/ecmascript”&gt; 
               
               
                     var tarIcon = evt.target; 
               
               
                    if(tar.id == “icon3” &amp;&amp; evt.screenWidth &gt; 60 &amp;&amp; 
               
               
                 evt.screenWidth &lt; 100){ 
               
               
                     tarIcon.setFloatTrait(“x”, 70); 
               
               
                 tarIcon.setFloatTrait(“y”, 10); } 
               
               
                    if(tar.id == “icon4”){ 
               
               
                     tarIcon.setFloatTrait(“x”, 10); 
               
               
                 tarIcon.setFloatTrait(“y”, 30); } 
               
               
                    if(tar.id == “icon5”){ 
               
               
                     tarIcon.setFloatTrait(“x”, 40); 
               
               
                 tarIcon.setFloatTrait(“y”, 30); } 
               
               
                    if(tar.id == “icon6” &amp;&amp; evt.screenWidth &gt; 60 &amp;&amp; 
               
               
                 evt.screenWidth &lt; 100){ 
               
               
                     tarIcon.setFloatTrait(“x”, 70); 
               
               
                 tarIcon.setFloatTrait(“y”, 30); } 
               
               
                  &lt;/handler&gt; 
               
               
                 &lt;/svg&gt; 
               
               
                   
               
             
          
         
       
     
         [0061]    In one embodiment, hardware-based orientation event triggers are mapped to software-based rich media screen events. While screenOrientation events can be triggered purely from the application software side (e.g., via a button click, menu selection, after a certain time duration, etc.), these events could also be triggered from a change in orientation of the phone screen. In order to address the latter scenario, the mapping from the underlying phone hardware event triggers to the rich media application based screenOrientation events needs to be specified. In order to explain the mapping, we take the example of Symbian, particularly the S60 application framework. Though the S60 application framework is not the only framework used on mobile phones, it is representative of a larger market of such adaptable screen devices. 
         [0062]    In Symbian, applications would normally be expected to run in any screen orientation, portrait or landscape. The applications can, however, specify a fixed orientation that they require to work in. By default, applications are set to work in any orientation, so only applications that have a definitive orientation requirement should take any action. 
         [0063]    Looking at the API documentation for aknscreenmode.h, one method in this library is: 
         [0000]    
       
         
               
               
             
           
               
                   
                   
               
             
             
               
                   
                 static IMPORT_C void TAknScreenModes::SetAppUiScreenModeL 
               
               
                   
                 ( CAknAppUiBase 
               
               
                   
                 * aAppUi , const TAknScreenMode &amp; aMode) [static] 
               
               
                   
                   
               
             
          
         
       
     
         [0064]    Here, the application will be displayed in the selected screen mode. The application will no longer respond to hardware or software events which would normally affect screen mode. It will be permanently fixed to the selected screen mode. The list of available screen modes are specific to that particular device. If an application wants a fixed orientation, it should use the scalable APIs in CEikAppUi. Particularly, a new enumeration and two APIs have been added to CEikAppUi:
       enum CAknAppUiBase::TAppUiOrientation with possible values;   EAppUiOrientationUnspecified This is the default rotation setting for an application, and it should be used by nearly all applications.   EAppUiOrientationPortrait Use a portrait screen rotation for this application.
           This should only be used when an application specifically wants portrait rotation. The device will select an appropriate portrait rotation, if one is available.   
           EAppUiOrientationLandscape Use a landscape screen rotation for this application.
           This should only be used when an application specifically wants landscape rotation. The device will select an appropriate landscape rotation, if one is available.   
           EAppUiOrientationAutomatic Use the normal device screen rotation set for this application.
           Both portrait and landscape screen rotations are possible. The application rotation follows device screen rotation.   
               
 
         [0000]    
       
         
               
             
           
               
                   
               
             
             
               
                 // Gets the application screen orientation. 
               
               
                 mk:@MSITStore:C:\Symbian\9.2\S60_3rd_FP1_4\S60Doc\S60 —   
               
               
                 CPP_SDK_3rd_FP1_APIRefGuide.chm::/classCAknAppUiBase.html- 
               
               
                 ba93469386810cee1e427ba6c4c55c3a#ba93469386810cee1e427 
               
               
                 ba6c4c55c3a 
               
               
                 TAppUiOrientation CEikAppUi::Orientation( ) const; 
               
               
                 // Sets the application screen orientation. 
               
               
                 mk:@MSITStore:C:\Symbian\9.2\S60_3rd_FP1_4\S60Doc\S60 —   
               
               
                 CPP_SDK_3rd_FP1_APIRefGuide.chm::/classCAknAppUiBase.html- 
               
               
                 ba93469386810cee1e427ba6c4c55c3a#ba93469386810cee1e427 
               
               
                 ba6c4c55c3a 
               
               
                 void CEikAppUi::SetOrientationL(TAppUiOrientation 
               
               
                 aOrientation); 
               
               
                   
               
             
          
         
       
     
         [0073]    The above methods can be invoked in AppUI::HandleScreenDeviceChangedL( ) 
         [0074]    An example is provided below. Here, we are trying to detect a flip-state by checking the current screen mode. Each mode has a different size, and one or more possible rotations/orientations. For the actual mode change detection, you need to implement the method HandleScreenDeviceChangedL( ) on the UI class. A sample header file definition based on the standard HelloWorld example is illustrated below. 
         [0000]    
       
         
               
               
             
           
               
                   
                   
               
             
             
               
                   
                 class CSimpleAppUi : public CQikAppUi 
               
               
                   
                   { 
               
               
                   
                 public: 
               
               
                   
                   void ConstructL( ); 
               
               
                   
                    ~CSimpleAppUi( ); 
               
               
                   
                 private: 
               
               
                   
                    // Inherited from class CEikAppUi 
               
               
                   
                    void HandleCommandL(TInt aCommand); 
               
               
                   
                    void HandleScreenDeviceChangedL( ); 
               
               
                   
                 . . . 
               
               
                   
                   
               
             
          
         
       
     
         [0075]    HandleScreenDeviceChangedL( ) will be called by the system when the screen mode changes. To check which mode it is in (Flip open or Flip closed), the following code is inserted in the implementation of HandleScreendeviceChangedL( ): 
         [0000]    
       
         
               
               
             
           
               
                   
                   
               
             
             
               
                   
                 CWsScreenDevice&amp; screenDevice = *(iCoeEnv-&gt;ScreenDevice( )); 
               
               
                   
                 TBool isFlipOpen = (screenDevice.CurrentScreenMode( ) == 0) 
               
               
                   
                 ? 
               
               
                   
                   ETrue : EFalse; 
               
               
                   
                   
               
             
          
         
       
     
         [0076]    Finally, it is ensured that the window server notifies your application when the screen mode changes. To do that, the following is added to the ConstructL( ) method: 
         [0000]    
       
         
               
               
             
           
               
                   
                   
               
             
             
               
                   
                 RWindowGroup&amp; rootWinGroup = iCoeEnv-&gt;RootWin( ); 
               
               
                   
                 rootWinGroup.EnableScreenChangeEvents( ) 
               
               
                   
                   
               
             
          
         
       
     
         [0077]    This would, in turn, notify the rich media engine, and the corresponding screenOrientation event would be set in the rich media environment for either a specific view in the content or to entire document. 
         [0078]    The process flow is illustrated in  FIG. 5 . The embedded OS framework regularly or continuously polls for hardware orientation changes (block  510 ). At block  520 , the OS framework determines whether the phone orientation has changed. As noted above, this may be achieved through use of sensors in the hardware. If no changes are detected, the OS framework continues to poll for hardware changes. On the other hand, if a change is detected, the process proceeds to block  530  and notifies the application framework. At block  540 , if the application framework is responsible for changing orientation, the process proceeds to block  550 , and the orientation change is applied to the rich media application. If the application framework is not responsible for changing orientation, the process proceeds to block  560 , and the rich media engine is notified of the orientation change. At block  570 , the screenOrientation event is triggered and the necessary changes are applied to the content orientation. 
         [0079]    In other embodiments, the attribute values for screenOrientation can be extended for future orientation modes. Further, the screenOrientation event types can also be extended for future orientation modes. The mapping of device hardware event triggers to rich media screenOrientation events are agnostic of the underlying embedded operating system. 
         [0080]    Various embodiments described herein are described in the general context of method steps or processes, which may be implemented in one embodiment by a computer program product, embodied in a computer-readable medium, including computer-executable instructions, such as program code, executed by computers in networked environments. A computer-readable medium may include removable and non-removable storage devices including, but not limited to, Read Only Memory (ROM), Random Access Memory (RAM), compact discs (CDs), digital versatile discs (DVD), etc. Generally, program modules may include routines, programs, objects, components, data structures, etc. that perform particular tasks or implement particular abstract data types. Computer-executable instructions, associated data structures, and program modules represent examples of program code for executing steps of the methods disclosed herein. The particular sequence of such executable instructions or associated data structures represents examples of corresponding acts for implementing the functions described in such steps or processes. 
         [0081]    Software and web implementations of various embodiments can be accomplished with standard programming techniques with rule-based logic and other logic to accomplish various database searching steps or processes, correlation steps or processes, comparison steps or processes and decision steps or processes. It should be noted that the words “component” and “module,” as used herein and in the following claims, is intended to encompass implementations using one or more lines of software code, and/or hardware implementations, and/or equipment for receiving manual inputs. 
         [0082]    The foregoing description of embodiments has been presented for purposes of illustration and description. The foregoing description is not intended to be exhaustive or to limit embodiments of the present invention to the precise form disclosed, and modifications and variations are possible in light of the above teachings or may be acquired from practice of various embodiments. The embodiments discussed herein were chosen and described in order to explain the principles and the nature of various embodiments and its practical application to enable one skilled in the art to utilize the present invention in various embodiments and with various modifications as are suited to the particular use contemplated. The features of the embodiments described herein may be combined in all possible combinations of methods, apparatus, modules, systems, and computer program products.