顯示具有 RIA 標籤的文章。 顯示所有文章
顯示具有 RIA 標籤的文章。 顯示所有文章

2009年12月3日 星期四

Microsoft Bing Map 重大更新-街景及Photosynth

網址 http://www.bing.com/maps/explore/

Microsoft Bing Map使用Silverlight技術更新整個UI,不過沒什麼,重點是Bing Map開始支援街景及Photosynth。這與我之前預測的一樣,有興趣可以參考這裡

在新的工具中藍色的小人即是開始使用街景(微軟稱 StreetSide,之前的網站http://preview.local.live.com/),目前僅美國一些大都是有此服務。

影片說明

圖片說明

2009-12-03_104920

使用Silverlight技術設計的工具列,2D/3D用法一致且很直覺,很快就可以上手。

2009-12-03_104544

那其它沒有街景的地方怎麼辦?那就靠使用者上傳至Photosynth的照片來補足,這樣更符合Web 2.0的精神。

那就來看看台灣的例子吧。

按一下左邊的中正紀念堂

2009-12-03_105832 

Bing Map推到了地圖

2009-12-03_105844

之後就可以在此處瀏覽各種角度的照片。

2009-12-03_105855

當然也可以看照片建立出來的3D點雲。

2009-12-03_105949

也可以在3D點雲中,以不同角度看照片。

2009-12-03_110019

是不是很酷呢?快去試試吧~

2009年9月9日 星期三

大富翁 Google Map版

最近新聞有說美國的大富翁遊戲要使用Google Map Flash API來開發。之前就想連過去看看…卻沒有看到什麼~~今天終於開放了。網址http://www.monopolycitystreets.com/
http://www.hasbro.com/monopoly/en_US/

2009-09-10_092153

不過既然用RIA的技術,就把3D視角的功能作出來應該會更棒吧。

想玩的人快去試試吧,若想知道能作到什麼程度,可以參考以下影片。

2009年8月3日 星期一

音樂地圖

音樂要怎麼呈現在地圖上呢?很無理頭的想法,不過也很有創意。

此地圖網站的鋼琴音調可以用美國俄亥俄州各項數據來決定,例如人口、年齡…等。選完音調的方式後就可以選兩首曲字來播放,地圖上的區域會隨著音樂跳動,且隨著次數愈多顏色會更深。也可以按資料或路徑規劃的結果來播放音樂,不過不怎麼好聽就是了。
這個多媒體地圖也是使用RIA技術,算是一個結合聲音播放的很好的範例,這樣的技術使用Ajax是很難達到的。

網址 http://www.cartogrammar.com/flash/piano/Piano.html

您也可以直接透過以下的Flash直接使用。

台灣多樣性知識網 - RIA GIS的運用

「台灣多樣性知識網」(Knowledge Web of Taiwan’s Diversity)為「數位典藏與數位學習國家型科技計畫」第一分項「拓展台灣數位典藏計畫」所建置。RIA技術採用Adobe Flex 加上Google Map Flash API開發完成。

在此系統中可以讓每個使用者使用網站中的各類典藏物件,依據自己的認知建立自己的知識地圖。建立後也可以在自己的網站或Blog引用呈現。 目前知識網的網站正最後的階段,改善一虛功能及豐富內容。

網址在 http://knowledge.teldap.tw/knowledge

首頁

2009-07-17_163638

目前有預計有四個主題,其中兩個已經完成。

2009-07-17_163909

瀏覽介面-圖片/圖片+文字說明/地圖

透過瀏覽介面可以挑選比較及加入[知識創造]中。

 2009-07-17_164032

知識創造中可以為典藏品加上空間的資訊,形成個人的知識地圖。

2009-07-17_164049

在[知識創造]中,可以自由移動圖示的位置,以標出個人認知的位置。不過可惜的是不能自己選擇圖示的顏色及圖案,僅有預設的黃橘色的圖示。再尋找位置時也應該提供地名、行政區或地址…等的多查詢,使用者才能容易標出位置。

另外知識分享不僅是只是位置的資訊,應該還有文字、圖片及多媒體資訊,甚至在Web 2.0的理念下所有人的參與的評論都是知識之一。這方面是這個系統可以加強的。

2009-07-17_164321

這個RIA知識平台還有一個特色,即是時間軸與地圖整合,讓使用者可以清楚地同時掌握時間與空間的資訊。地圖圖層也僅有當代的Google地圖,若能有符合主題的歷史地圖則更能突顯時空平台的特色。

2009-07-17_164514

在自己的知識地圖中,也可以瀏覽詳細的資料。

2009-07-17_164113

大圖瀏覽介面及地圖檢視,可惜大圖瀏覽介面放的圖不夠大,不能能知效能如何。

2009-07-17_164127

[知識分享]主要是大家創造出來的知識地圖,可以在此瀏覽。

2009-07-17_164233 

Advantage

  • Rich Internet Application  (Flex + Google Map Flash API )
  • 互動性強
  • 資料及多媒體串流(此站僅有圖片)
  • 時間與空間的表現
  • 自訂地圖分享知識

Opportunity for Improvement

  • 地圖
    地名/地址移動地圖(Geocoding)
    歷史圖層(custom layer)
    自定物件圖示
  • 大圖瀏覽率效改善及保護機制
  • 多媒體支援
    音樂、影片、3D模形,最好有多種,例如,一個物件可以有多張照片及影片
  • 多元的分享機制
    地理資訊、文字、照片及多媒體
  • 大量匯入工具
    可以加快內部資料上架處理速度,如Execl, CVS匯入
  • 地點多對多設定
    每個人的在認識不同下對物件的認知也不同,所以在空間(時間)所標識的位置也不一樣。
    系統應紀錄且評比機制可以快速選出合宜的地點。

一個簡單互動性佳的RIA的時空平台,類似這樣的資訊系統會愈來愈多。未來不僅會採用Adobe Flash RIA技術之後 Microsoft Silverlight的網站也會愈來愈多。

2009年8月2日 星期日

RIA GIS可以作什麼?

大家都知道RIA GIS比Ajax GIS功能強,到底好在裡?似乎又說不太出來。之前整前的差異如下,或許可以看得出來一些端倪。

  • Rich, interactive mapping experience – zooming, panning, rotating
  • scaling images, voice, video in a seamless manner
  • Performance improvements
  • Development environment
  • Plug-ins

今天就來看第一項更豐同的互動經驗–除了縮放地圖更順之外,在RIA中可以使用透視的效果產生立體的效果。

最近的Google Map Flash API也支援這個功能,在以下的例子可以按著Ctrl後拖曳地圖,就會有立體透視的效果。

效果下圖。這樣的效果是用Ajax很難作到的。

2009-08-03_084641

這樣有什麼用呢?其實就可以作非常多的運用。以下是Google的提供的例子。

UK Weather Tour ArcGIS Services PaperVision3D Scene
Ian Watkins Nianwei Liu Satoshi Ueyama
Eiffel Tower KMZ 3D Driving Simulator Weather Radar GroundOverlay
Masashi K Katsuomi.K Andrew Trice

以上例子可以看得出來藉由地圖的立體透視,雖然不是真的3D地圖不過透過簡單的視角運算即可以產生類3D的效果,這樣一來可以讓地圖上的資料呈現更直覺及豐富。之後有機會再介紹別的例子。

2009年5月25日 星期一

Rich Internet Application Map (RAI Map) Silverlight 3版

Rich Internet Application是相對於傳統網頁而推出的新技術,最出名的例子即是Adobe Flash,另外微軟的Silverlight也是,也有人認為Ajax+網頁也算一種較弱的RIA。不過RIA的技術就是跳脫傳統網頁的限制,可以作較佳的互動及效果。

將RIA技術,使用在GIS上可以設計出較好的GIS系統,尤其是在資料呈現的效率、圖層切換的效果都表現的很棒。

底下個我最近開發的一個簡單的例子。因為是使用最新的Silverlight 3 Beta,再加上大部分的電腦是安裝Silverlight 2所以有興趣的可以安裝執行Silverlight 3 Beta的環境,連結如下。

安裝重新啟動瀏覽器好即可看到以下的RIA GIS,大家可以試著放大/縮小地圖,是不是順暢多了呢?

簡單的地圖功能就是左邊的工具列,可以放大縮小;左上方的文字可以切換軟體的地圖/衛星底圖。按下[Menu]後可以開啟功能選單。

2009-05-26_100246 

你可以在這個功能表中調整地圖的進階功能,如切換圖層、全螢幕…等,且右側的地圖還是可以操作使用。

2009-05-26_100302

不論您是用Mac OS/ Windows 都可執行 Silverlight,Linux版的Silverlight 名為Moonlight,網址在http://www.mono-project.com/Moonlight,目前僅支援到Silverlight 2 preview。而手機版的應該會在Windows Mobile 6.5會推出一個外掛來執行Silverlight,Windows Mobile 7則會內建支援。看來微軟對Sliverlight的規畫是全面性且是跨平台的。以下為微軟Silverlight的圖,看來RIA的技術可以跨至各種平台上。

2009-05-20_095905

另外因為Sliverlight是Windows Vista的呈現基礎(Windows Presentation Foundation)中的一個子集。所以Silverlight非常容易轉成在Desktop上執行的程式,此程式您也可以按這裡下載您的電腦中執行,不用連到GIS的系統網站上,但會連至各家(Google/Yahoo/MS)的地圖網頁取得影像底圖。執行畫面如下圖。

2009-05-26_101151

之後還可作更多,更酷的運用…有機會再介紹吧。

2009年5月18日 星期一

Web GIS的技術簡介

這是最近一陣子開發Web GIS的心得簡報。主要的內容是用講使用Tile Layer的方式解決了大量資料呈現問題。

還有使用WMS Cache的一些技巧及方式,提供大家參考。

2008年9月2日 星期二

RIA + Web GIS

什麼是RIA呢?Rich Internet Application,有別於網頁呈現簡單的文字及圖片,而提供豐富的互動多媒體功能,例如Adobe Flash、Microsoft Silverlight,Javscript Ajax亦可以勉強算得上是。Google Map 已經有支援Flash了

若RIA碰上了Web GIS會有什麼火花產生呢?我們實際看幾個例子。

IDV Solutions Silverlight & Virtual Earth Demo

底圖是使用Virtual Earth

2008-09-02_091404

比較特別是右邊的工具列可以畫出點、線、面,且可以匯出成KML。

2008-09-02_091657

左下角的zoom in/out的設計非常直覺一看就懂,比較特別的是方向亦可以透過轉動以下地球而旋轉。

2008-09-02_092159

另一個例子是DeepEarth Test Page,使用RIA來讓地圖放大縮小的效果更為平順。實例效果請前往該站看會比較清楚。

2008-09-02_093342

最後一個是Google Map flash API加上影片及時間軸的例子,網址在 Flash Demo。點選時間軸可讓地圖跳至該點,影片也會同步。這樣的功能跟之前地圖旋轉用一般的網頁+Javascript是很難實作出來,透過RIA的架構卻很容易開發。

2008-09-02_094008