Microsoft PowerPoint XmlConsortiumWeek2.ppt

Size: px

Start display at page:

Download "Microsoft PowerPoint XmlConsortiumWeek2.ppt"

てるえよしくに
5 years ago
Views:

1 企業でのポータルとリッチクライアントマッシュアップの活用ドキュメントメタデータ活用部会日立ソフトウェアエンジニアリング株式会社宮崎昭世 Agenda もっとも単純なマッシュアップ? Web でのコピー & ペーストポータル Windows Live と Gadget SharePoint Portal Server マッシュアップ Google Maps 上のデータ表示についての考察まとめ 1

2 もっとも単純なマッシュアップ? Web でのコピー & ペーストユーザ登録をする場合 miyazaki ******** ******** 宮崎昭世もっとも単純なマッシュアップ? Web でのコピー & ペーストセミナーへの参加自分の予定に登録 XML コンソーシアム Week 日立製作所 2006/06/ /06/23 13:10 17:00 2

3 もっとも単純なマッシュアップ? Web でのコピー & ペースト項目数が多いと入力が大変各項目毎にコピー & ペーストもできるがもっと簡単に入力 & 連携ができないか? でも Passport などの仕組みはどういったデータがコピーされるか分からないので不安もっとも単純なマッシュアップ? Web でのコピー & ペースト Live Clipboard 特にブラウザ上でのコピー & ペーストを文字列単位でなく予定アドレス項目などのもう少し大きな単位でまとめてコピー & ペーストする方法 3

4 もっとも単純なマッシュアップ? Web でのコピー & ペースト Live Clipboard でのコピーに使われるデータ microformats <?xml version="1.0" encoding="utf-8"?> <liveclipboard version="0.92" xmlns:lc=" <lc:data> <lc:format type="vcalendar" contenttype="application/xhtml+xml"> <lc:item> <a class="url UID" href=" 第 5 回 XML コンソーシアム Week Web 2.0 Day(1) : エンタープライズシステム革新の入口は SOA2.0 か KM2.0 か? <abbr class="dtstart" title=" t131000">may 23 13:10</abbr> - <abbr class="dtend" title=" t170000">17:00</abbr>, at 日立製作所 ( 大森 ) 大森第二別館 1 階講堂 </a> </lc:item> </lc:format> </lc:data> </liveclipboard> もっとも単純なマッシュアップ? Web でのコピー & ペーストの問題点コピー & ペーストでは情報を複製してしまう元のソースをそのまま表示する方が変更に強いポータルサイト 4

5 ポータル Windows Live と Gadget Windows Live パーソナライズドポータル Gadget ポータル Windows Live と Gadget Gadget の実装方法表示枠を定義しておき枠内に非同期 (XMLHttpRequest) で取得したデータを JavaScript で DOM を操作することにより表示する Ajax アプリケーション 5

6 ポータル Windows Live と Gadget Ajax コード function Button1_OnClick() { var xmlhttp = createxmlhttp(); if (xmlhttp == null) { window.alert("xmlhttp 未対応 "); xmlhttp.onreadystatechange = handlehttpevent; function handlehttpevent() { if (xmlhttp.readystate == 4) { if (xmlhttp.status == 200) { var objdom = xmlhttp.responsexml; var strdata; if (objdom.documentelement) { strdata = objdom.getelementsbytagname('helloworldresult').item(0).text; if (strdata == null) strdata = '1'; else { strdata = '2'; document.getelementbyid("div1").innertext = strdata; else { window.alert(" 通信エラー "); var xmldoc = createxmldom(); xmldoc.async = false; var strxml = <?xml version= 1.0 encoding= utf-8?><soap:envelope> 中略 </soap:envelope>"; xmldoc.loadxml(strxml); xmlhttp.open("post", "./WebService.asmx"); xmlhttp.setrequestheader("soapaction", " " ""); xmlhttp.send(xmldoc); ポータル Windows Live と Gadget function createxmldom() { if (document.implementation.createdocument) { return document.implementation.createdocument("", "", null); else if (window.activexobject) { return new ActiveXObject("Microsoft.XMLDOM"); else { return null; function createxmlhttp() { if (window.xmlhttprequest) { return new XMLHttpRequest(); else if (window.activexobject) { try { return new ActiveXObject("Msxml2.XMLHTTP"); catch(e) { return new ActiveXObject("Microsoft.XMLHTTP"); else { return null; 非常に煩雑 Ajax Framework の出現 6

7 ポータル Windows Live と Gadget ASP.NET Atlas でのコード function Button1_OnClickAtlas() { WebService.HelloWorld($('Text1').value, OnComplete); return false; function OnComplete(result) { $('Div1').innerText = result; 非常にシンプルに記述可能ポータル Windows Live と Gadget の問題点必要な情報をまとめて表示するのに便利な方法であるが企業内で使うにはセキュリティサービスの継続性利用条件等について検討が必要必要となる情報をより容易に利用できるような準備が必要重要な項目を固定的に表示するなど 7

8 ポータル SharePoint Portal Server 社内でポータルマッシュアップの基礎的サイトを構築する SharePoint Portal Server 等の利用ポータルの枠と社内で共有する情報を準備する必要に応じて社外の情報も一覧で表示インターネット上のポータルとは違い表示するデータの制御も可能ポータル SharePoint Portal Server 8

9 ポータルの限界提供されているコンテンツの中から自分のよく使うコンテンツを効率よく収集できるがコンテンツの内容を連携させて表示させる事は難しい現在様々な API が Internet 上で公開されている (Google Maps 等 ) マッシュアップこのページは空白です 9

10 マッシュアップ Google Maps 上のデータ表示についての考察例えば出店計画を立てる場合地区の人口の推移を参考とする自治体のホームページの統計情報 (ex さいたま市 ) 数字の羅列だとよくわからないマッシュアップ Google Maps 上のデータ表示についての考察 Google Map 上にグラフで表示してみる 10

11 マッシュアップ Google Maps 上のデータ表示についての考察時系列での変化を加えてみるマッシュアップの基礎データ位置情報 + 時間情報これらのデータの上に業務データを載せる事によりさらにデータが活用できるのでは 11

12 マッシュアップ Google Maps 上のデータ表示についての考察こういった表示の方が見やすい? 課題位置情報と時間情報 (3 次元 ) の上にデータを表現するのは Google Maps 等の現状のマッシュアップサイトでは難しいデータの粒度提供方法の問題がある本当に欲しいのは過去の統計情報でなく未来の予測値であるシュミレーション技術との連携が必要 12

13 まとめ Live Clipboard は microformats の標準化が課題現在は Microsoft 社のアイディア提示段階ポータルで表示するデータについてはサービスの継続性利用条件等について検討が必要特に企業内での利用ではダウンタイムは大きな問題まとめ AJAX についてはアクセシビリティをどうするかが課題 AJAX and Accessibility - Standards-schmandards Web 2.0 をマッシュアップの観点で見ると必ずしも Webである必要はないむしろクライアントのアプリである方が便利 ex) itunes 13

Web2.0 LL Framework Ruby on Rails / TurboGears / CakePHP Atlas Web2.0 XML Selenium / JMeter 3 Ajax Web 2.0 UI... 1. Ruby on Rails Web 2. ASP.NET AJAX,

Web2.0 coopetitive Web2.0 LL Framework Ruby on Rails / TurboGears / CakePHP Atlas Web2.0 XML Selenium / JMeter 3 Ajax Web 2.0 UI... 1. Ruby on Rails Web 2. ASP.NET AJAX, jmaki UI 3. prototype.js JavaScript