1 / 26

mobileHTML/XML/CSS/HTTP for Mobile Web Access Matsushita Electric Industrial Co., Ltd

mobileHTML/XML/CSS/HTTP for Mobile Web Access Matsushita Electric Industrial Co., Ltd. Functional Requirements for mobile Web access ( Shin’ichi Matsui) Mobile Web Access System Architecture

lluvia
Download Presentation

mobileHTML/XML/CSS/HTTP for Mobile Web Access Matsushita Electric Industrial Co., Ltd

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. mobileHTML/XML/CSS/HTTPfor Mobile Web AccessMatsushita Electric Industrial Co., Ltd • Functional Requirements for mobile Web access (Shin’ichi Matsui) • Mobile Web Access System Architecture (Hidetaka Ohto)

  2. Target of Proposed Mobile Web System (Mobile HTML/XML/CSS/HTTP) • Terminals covered by Mobile Web System • Smart Phones • Cellular Phones • Pagers • PDA • Portable PC • Navigation Systems, ITS • EC

  3. Prospective Applications • Next Generation Phones • Motion Pictures on Web • ITS (Intelligent Transport Systems) • EC (Electronic Commerce) Shinagawa 10:40

  4. Requirements forMobile Web Access • Mobile Web Access must conform to W3C Standards • Web widely usedin PC industry and penetrating into consumer industry rapidly based on W3C std. • Accessibility to PC Web based on HTML • Mobile terminals have to easily access to PC contents • Definition of HTML Subset because of mobile terminals’ limitation • Extension for Audio / Visual Communications • powerful at real-time/streaming communications • media rich presentation using motion pictures, image and text • Efficient data transmissions • narrow bandwidth • efficient formats and protocols (HTML/XML/CSS/HTTP)

  5. Mobile Web Access Proposal Requirement Std. Item Proposal Accessibility Style Sheets mobileCSS AV handling Application Formats mobileHTML/XML Efficient Transmission Application Protocols mobileHTTP

  6. Proposal ofmobileCSS • Introduce Style Sheetsto realizeAccessibility with PC Web • sharing PC contents in the mobile environment • effective use of existing Web properties (contents, authoring tools, servers) • Separate presentations from structures • basic policy of HTML 4.0 • enables simple, extensible architecture

  7. Proposal of mobileHTML/mobileXML • Basic Policy is to conform to Web formats (HTML/XML) • 1st Step: Compatible with HTML4.0 since HTML widely used • Next Generation : Based on XML follow on from mobileHTML • AV control mechanisms integrated into HTML ex.using OBJECT/PARAM/FORM elements

  8. Proposal of mobileHTTP • Efficient data transmissions • Separating contents into templates/messages • using MPEG4 object encoding • Efficient broadcasting • Push protocol using broadcasting function

  9. Mobile Web Access System Architecture Hidetaka Ohto Matsushita Electric Industrial Co.,Ltd.

  10. Position • Develop mobile visual phone(including image and text) • Web access • AV server access • TV phone/video conference • Proposeformats and protocols for total web service • mobileHTML/XML • mobileCSS • mobileHTTP • (Scripting)

  11. Mobile Web Access System Architecture Mobile visual phone Internet Wireless Network Web Server Web Server Web Server HTML mobileHTML/XML mobileCSS mobileHTML/XML mobileCSS mobile Gateway Wireless Base Station MPEG4 MPEG4 AV Server Streaming data (ex. real video) AV Server mobile Web server Mobile AV Server AV Server

  12. Formats and protocols for mobile visual service • mobileHTML • HTML compatible subset and extension for AV control • mobileXML • Integration of AV control mechanism follow on from mobileHTML • mobileCSS • Style sheet definition for mobile terminal specific presentation • mobileHTTP • Efficient transmission of streaming/broadcasting data

  13. mobileHTML/XML(1/6) • mobileHTML • HTML compatible subset based on HTML4.0 strict DTD • Excludespresentation dependent elements, and event attributes for mouse/keyboard • <tt>, <i>, <b>, onclick, ondblclick…... • AV control extension integrated in HTML/CSS • <object>, <param> elements • <style> element, id/class attributes • mobileXML • integration of AV control mechanism follow on from mobileHTML • simplicity and extensibility

  14. mobileHTML/XML(2/6) • AV control extension was introduced using “streaming” <object> • “streaming” <object> describes AV control sequence based on RTSP • text/image/video layering • defined by CSS2 positioning properties • AV object layering based on MPEG4 • also defined by CSS2 positioning properties • unit of audio/visual content (ex. the picture of a talking person without the background), scenes are composed of several AV objects.

  15. mobileHTML/XML(3/6) ■mobileHTML AV control extension 1. <object> represents streaming video object 2. <param> represents AV control sequence based on RTSP 3. <form> and <object> are combined by id attribute Example: • <OBJECT class=“video” classid=“local:rtsp.app” data=“rtsp://server/movie1”> • <PARAM name=“init” value=“DESCRIBE;SETUP;PLAY “range:npt=0-120” > • <PARAM name=“PICTURESEARCH” value=“PAUSE; PLAY scale:2 ” > • </OBJECT> • <FORM id= “PICTURESEARCH” action=“http://next.html” method=“POST”> • <INPUT TYPE=“SUBMIT” VALUE=“picturesearch”> • </FORM>

  16. Central Cleaner NOW ON SALE Central Cleaner NOW ON SALE See Spec See Spec mobileHTML/XML (4/6) ■text/image/video layering Must support, because mobile terminal has a small screen, and can’t use multi windows or frames. Example: <STYLE type=“text/mobilecss”> .video { z-index: 0 } .text1 { z-index: 1; color:red} .text2 { z-index: 2; height:192; color:blue} </STYLE> ... <OBJECT class=“video” classid=“local:rtsp.app” …….. <P class=“text1”> Central Cleaner NOW ON SALE <P class=“text2”> See Spec Layering definition is described by mobileCSS. z-index is derived from CSS2

  17. mobileHTML/XML (5/6) ■AV object layering based on MPEG4 Example: <STYLE text=“text/mobilecss”> .background { z-index:0 } . man { z-index: 1 } .woman { z-index: 2 } </STYLE> <BODY > <OBJECT class=background classid=“rtsp://server/background”>…. <OBJECT class=man classid=“rtsp://server/man”>…. <OBJECT class=woman classid=“rtsp://server/woman”>…. </BODY> We can use mobileCSS for AV object layering based on MPEG4 in the same manner as text/image/video layering

  18. ■mobileXML mobileHTML/XML(6/6) 1. Most elements are inherited from mobileHTML except tag omission rules 2. <layout> is inherited from SMIL 3. <control> represents AV control sequence independent of streaming object 4. <input> indicates streaming object and its control Example: <layout> is functionally equal to CSS2 positioning properties <layout> <channel id=”video" z-index=”0"/> <channel id="text1" z-index="1"/> <channel id=”text2" height=“192” z-index=”2"/> </layout> <control id=“picturesearch”> <pause /> <play scale=2 /> </control> <video id=“movie1” src= “rtsp://server/movie1” channel=“video” /> <p channel=“text1”> central cleaner now on sale </p> <form channel=“text2”> <input type=“button” control=“picturesearch” target=“movie1” /> </form> <control> is useful to change the combination of control and streaming object

  19. mobileCSS(1/4) • Selective execution of mobile terminal specific presentation • HTML4.0 “media” attribute and CSS2 “@media” type • qualifier extension for more detailed classification • “media. category. device” • Style sheet definition for mobileterminal specific presentation • Template/message framework • Summarization • other features (ex. layering, screen size, colors) are inherited from CSS2 Example: <STYLE media= “handheld” type="text/mobilecss"> @media handheld.phone.ED-PD370S { @import url(http://style.com/basic1); } </STYLE>

  20. Message mobileCSS(2/4) ■Template/Message Framework • Reducing transmission data is necessary, because of sending data via narrow band. • Dividing HTML content into template part and message part. • Template : layout framework • Message : updating information For the 1st transmission, template and message are sent together, after 1st transmission, only updating message is sent sports, news flash, stock info, commercial.. HTML Template

  21. mobileCSS(3/4) Template = HTML content (ex. stock information) Message = HTML content with mobileCSS(ex. an updated stock price) #pprice { synthesize-style: overwrite; } and message are synthesized Template Message stock information Brand Price XXco.ltd 700 Panasonic 1500 YYcorp 2000 ZZenterprise 300 ……. stock information Brand Price XXco.ltd 700 Panasonic 2500 YYcorp 2000 ZZenterprise 300 ……. stock information Brand Price XXco.ltd 723 Panasonic 2500 YYcorp 2000 ZZenterprise 300 ……. stock information Brand Price XXco.ltd 723 Panasonic 2500 YYcorp 2144 ZZenterprise 300 ……. stock information Brand Price XXco.ltd 723 Panasonic 2500 YYcorp 2144 ZZenterprise 555 ……. <span id=“pprice”>2500</span> <span id=“xprice”>723</span> <span id=“yprice”>2144</span> <span id=“zprice”>555</span>

  22. S c r i p t P a g e r S c r i p t P a g e r M o d e S e t M o d e S e t b y P a n a s o n i c b y P a n a s o n i c mobileCSS(4/4) ■Summarization H1 {aggregate:top} ･････<H1>summary1</H1>･ ･････････････････････････ <H1>summary2</H1>･･････ ･････････････････････････ ･･･<H1>summary3</H1>･･･ summary1 summary2 summary3 Summary (mobileHTML) HTML Mobile gateway Web server mobileCSS description for each mobile terminal cellular phone PDA pager

  23. mobileHTTP(1/3) • Efficient streaming transmission • RTSP extension for layering AV object transmission control • based on MPEG4 • Efficient broadcasting • HTTP extension for push delivery and broadcasting • based on template/message framework

  24. mobileHTTP(2/3) ■ superimposing streaming transmission control based on MPEG4 C->S DESCRIBE rtsp://foo/twister mobileHTTP/1.0 Cseq: 1 S->C mobileHTTP/1.0 200 OK Cseq: 1 Content-type: aplication/sdp m=video 0 H324/MPEG4 H263 a= control:rtsp://foo/twister/background m=video 0 H324/MPEG4 H263 a= control:rtsp://foo/twister/woman m=video 0 H324/MPEG4 H263 a= control:rtsp://foo/twister/man ……… C->S HIDE rtsp://foo/twister/man ……... C->S SHOW rtsp://foo/twister/man description of AV objects HIDE and SHOW are new extension methods for superimposing streaming transmission control HIDE SHOW resynchronize background woman man Saving bandwidth of disappearing AV objects

  25. mobileHTTP(3/3) ■ HTTP extension for efficient broadcasting • mobile web server requests mobile gateway to broadcast • based on template/message dividing format PUSH method： mobile gateway by the host part of URI Destination-ID: one of the “whole/group/specified client(s)” PUSH http://mobilegw mobileHTTP/1.0 Destination-ID: client1, client2.. Mobile client1 Mobile web server Mobile gateway Mobile client2 Mobile client3

  26. SummaryStandardization items for mobile web access • mobileHTML/XML • HTML compatible subset based on HTML4.0 strict DTD • “streaming” <object> control extension • AV object layering • XML version • mobileCSS • qualifier extension of @media type • template/message framework • summarization • mobileHTTP • superimposing control based on MPEG4 • broadcast control

More Related