分類
WebTrend

google docs的方程式編輯器

稍早看到這篇新聞: http://www.zdnet.com.tw/news/web/0,2000085679,20141517,00.htm , 其中我比較感興趣的是有關方程式編輯器的功能(equation editor).

google 的這個在 docs 中的 equation editor 是基於 LaTex 的語法實作出來的方程式編輯器, 所以基本上可以參考這裡的資料, 了解一下什麼是 LaTex : http://en.wikipedia.org/wiki/LaTeX , 簡單地說, 就把它想成一個 format script 或是 tag 來展現方程式語法. 上面是一個”平方和”的公式, 利用 equation editor 在 google docs 中的方程式編輯好, 還可以轉貼出來, 這是在寫上一篇文章時發現的功能, 例如上面的方程式:

他的語法為: \sum_{i=1}^{n}{i^2} =\frac{n(n+1)(2n+1)}{6}
圖檔連結為: http://chart.apis.google.com/chart?cht=tx&chs=1×0&chf=bg,s,FFFFFF00&chco=000000&chl=%5Csum_%7Bi%3D1%7D%5E%7Bn%7D%7Bi%5E2%7D%20%3D%5Cfrac%7Bn%28n%2B1%29%282n%2B1%29%7D%7B6%7D

其實也就是利用 google charts api 的引擎, 加入 LaTex 的繪製功能, 把 equation 繪製出來這樣. 但 google 應該是沒有開放這樣的功能供外連, 根據 google charts api 連結: http://code.google.com/intl/zh-TW/apis/chart/ , 並沒有 LaTex equation 的功能, 不過有需要用到的, 可以這樣利用.

利用這個功能實際寫作的文章是這篇: http://diary.tw/archives/896 (數學證明題-平方和), 畢竟用冷冷的文字來說明數學式, 還不如用方程式來展現說明來得清楚, 若是能好好利用的話, 在應用上將會有很大的便利. 尤其是又和 LaTex 相容, 這個真是方便又好用咧!

繼續閱讀:
http://googlesystem.blogspot.com/2009/09/google-docs-has-equation-editor.html

其他的 equation editor:
http://www.codecogs.com/components/equationeditor/equationeditor.php
http://www.sitmo.com/latex/

分類
WebTrend

Google Maps提供街景地圖了

令人期待已久的 google maps 的 street view 已經上線了, 其實昨天在操作 google maps 就發現左上的那個小人已經蠢蠢欲動, 一下有顏色, 一下又變白, 原本以為可以用了, 後來又發現還不行, 不過今天證實可以用了.

這個功能相較於日本及美國, 台灣算比較晚推出, 不過相對於對兩者, 台灣也因為較晚推出, 所以拍出來的效果及細緻程度都高很多, 非常非常清晰, 流暢度也很好, 使用方式很簡單, 只要連上 google maps, 瀏覽時, 把左邊的小人(在變橘黃色的狀況下)拖出來, 就可以讓那個小人放在有變藍色的街道上看街景了.

來試看看吧: 台北市政府: link

這個街道地圖的功能很強大, 方便未來在許多應用場合, 可供結合, 而且因為精細程度夠高, 所以效果也很好, 無論是找地址, 找地點, 甚至是不熟的地方, 利用這樣的呈現方式, 相信能讓不熟路況及不知道路的人有很好的參考依據.

但相信這個的建製成本也很重, 再加上提供這樣的服務, google 一樣也是免費, 他們未來想要做的, 相信是非常非常多的, 光是在 gps 上的結合或是應用, 就可以衍生出一堆, 更不用說和其他異業的結合及應用.

雖然目前還沒有全部的地圖都 support , 不過應該會慢慢地上線, 到時候, 小人能到的地方也就愈來愈多囉. 目前有支援的地區還只有大台北地區部分, 可以參考下面當小人飛入時的區域(變藍的地方):

分類
WebTrend

經緯度轉換(換算)(papago)

這個是一個簡單的事啦. 只是 papago 只接受度分秒的方式輸入座標, 有點鳥, 因為有時要用十進位方式輸入或查詢, 所以需要做個小轉換.

其實公式不過就是這樣, 將度分秒(60進位)換成十進位, 公式很單純, 小學生也都會:

x度 y分 z秒 = x + y/60 + z/3600 度

也就是這一回事而已. 為了讓自己方便, 也讓大家方便, 乾脆做個小工具來操作好了, 注意, 是 WGS84 的格式, 若有其他格式, 請參考中研院線上轉換程式(也是線上直接算: http://webgis.sinica.edu.tw/cgi-tran/webtrans.htm)

另外也說明一下 google maps 可以接受的格式, 例如台北101的座標為: 25.033493, 121.564101, 用文字說明是

北緯 25.033493度, 東經 121.564101度,

用60進位則為

北緯 25度 2分 0.574799999999982秒, 東經 121度 33分 50.76359999997749秒

利用 google maps 的連結, 參數為 q 給定的方式, 根據這兩種格式都可以連到, 如下:
http://maps.google.com/?q=25.033493,121.564101
http://maps.google.com/?q=25 2 0.5748, 121 33 50.7636

這兩種方式, 連向的位置是完全一樣的, 當然前題是 google maps 也是用 WGS84 的格式.

sample 放到這裡: http://sample.diary.tw/18/maps.htm

另外是 google maps 無法由瀏覽地圖直接查經緯度, 可以利用這個方便一點: http://www.mygeoposition.com/

分類
WebTrend

google maps 名人地圖

才寫完”時空的魅力” http://diary.tw/archives/868 這篇, google maps 又有新服務了, 與其說是新服務, 不如說是新應用.

google maps 上面, 若是多加了”名人”來加持一下, 相信會很有趣, 就是因為這樣的應用情境, 所以 google maps 把名人地圖搬上來的確很吸引人, 利用名人的推薦, google maps 的地圖空間概念, 整合起來, 可閱性的確高很多, 來看看如何操作:

首先連到: http://maps.google.com.tw/

再來連結下面有個”探索全球”:

再來就會出現”台灣台北”的這個預設地點(當然可以選其他國家的城市看看囉), 並且出現許多名人的介紹, 可以點擊看看有什麼好吃, 好玩的資訊, 右側的地圖就會出現囉, 例如隋棠, 用一個很有趣的名模標籤, 標示了一些隋棠的地圖, 這樣一來, 大家就可以按圖索驥去試看看囉.

這樣的一個應用, 真的好玩又有趣.

相關閱讀,
google news 相關新聞: http://news.google.com.tw/news/story?um=1&ned=tw&cf=all&ncl=dmqtVPOHEZmlIuMjzXBODh-Ye8XHM
Google名人地圖標記 從虛擬搬上現實 http://www.bnext.com.tw/FocusDay_2099

分類
WebTrend

時空的魅力

乍看這個標題, 可能大家會覺得怪怪的. 不過其實是看這個有感而發: http://www.flickr.com/map?place_id=kfD.4gubAZwCvKcDlA , 是的, 正是 flickr on maps.

這個連結是在台灣地區的 flickr 相片, 而且選取的邏輯應該是有較多留言(comments)的, 所以相片可看性較高. 品質也較為理想. 不過這樣並不是這篇文章要說的主題, 但無論如何, 大家有空可以去看看這個 flickr 的功能, 在指定地區上來看相片.

話說, 內容的產出, 無論是相片, 文章, 影音, 若是能有更多的附加分類及檢視方式, 相信會有更多的可讀性, 再加上更多人, 更多內容的串連, 傳統利用分類(category), 標籤(tag), 關鍵字(keyword)來將內容做分類, 並加以檢視, 以提升可閱讀性, 但再回頭看一下本篇文章的標題, 我想諸位聰明的讀者就明白我想寫些什麼了.

其實, 利用地圖這樣的功能來呈現內容這件事, 現在已經是顯學了, 許多內容產出的網站, 無不多加一個地圖來增加這個功能, 讓所謂的內容描述在地圖上的資訊更能量化, 而對於圖資提供商而言, 也是很不錯的一個內容補強工具的應用行為, 所以工具和內容互補很有意思的共生狀況.

之前寫過一篇 geotagging 的文章, 在這裡: Flickr geotagging功能上線囉 http://diary.tw/archives/323 應該是剛開始上線的時候, 其實這種呈現方式真的很方便, 把圖放在地圖上, 或稱在地圖上放圖這件事.

前面所言為”空”這件事, 也就是地理資訊, 接下來要談的是”時”這件事, 因為所有的 blog 系統, 相簿, 相片檔案, 影音檔案等, 都會有時間資訊, 而細緻一點的說法, 時間資訊也有所謂的上傳時間及該內容的發生時間(這裡並不想討論這麼細), 有了時間資訊, 就可以將時間軸也納入所謂的 metadata 中了, 這個時間參數很單純, 但是呈現的方式卻很可能很複雜, 像是 google earth 有個歷史功能, 可以看以前的圖資, 只要拉動時間軸就行了, 不過時間軸比較好的呈現方式, 目前看起來是 plurk.com 的時間河流的方式, 一方面, 時間像河流一樣前進著, 一方面, 可以將多重內容的相對時間整理起來, 利用相對位置的呈現方式, 將時間這個很抽象的參數表現出來.

而接下來, 就是如何同時表現這兩項功能於單一介面上了, 其實之所以定題目為”時空的魅力”這件事, 就是要將”時”和”空”的這種參數呈現出來, “時”可以用時間軸, 而”空”可以用地圖(未來不知會不會有真的”空”, 也就是再多加上高度這樣的參數), 這樣的內容呈現方式, 相信對於了解地理, 歷史, 人文, 政治, 各式各樣的學問(或是說資訊), 都應該會有很大的幫助, 利用這樣的呈現強化方法, 把原來單調, 而各內容間沒有相關的部分, 串連起來, 對於這些內容將會有更全盤的認識及了解.

分類
WebTrend

bing.com上線

微軟的 bing.com 新一代搜尋上線了.

這一陣子的搜尋引擎新聞無不圍著這個打轉, 而且也有提升不少微軟在搜尋引擎的佔比, 不過其實我們也得看之後的市場反應, 這一陣子的數據, 也都只能以一時的熱度來看, 把時間放長一點就會比較清楚了.

相關文章也不少, 可以連去看看:
Bing.com (必應)搜尋引擎- 完整功能實測報告在台首次大公開
bing.com 微軟新一代搜尋引擎,還沒推出就輸了!

這篇我想整理看到的一個比較有趣的功能, 就是 VIDEO PREVIEW 的部分, 記得要先連到美國的, 台灣 bing.com 功能並不完備. 所以連到 bing.com 後, 記得要從右上角將台灣改為”美國 – 英文”就會有可以玩的新功能.

左側有 videos 分類項目, 點下去後, 出現一堆影片的預覽圖, 當滑鼠 mouse over 時, 會自動 PREVIEW, 很特別又很方便的功能, 重點在於, 速度真的是有夠快的. 正在懷疑怎麼做的時候, 已經將 fiddler 開起來觀察了. 原來是利用他們自己內部的 preview 功能(應該有快取起來), 實際取得 preview 內容網址為:

http://ts2.images.live.com/videos/thumbnail.aspx?q=776117878981&id=9656eceed5155e7968c8eddfdeddf253&bid=bYKgXAJR/UULQQ&bn=MotionThumb

這樣一來, 其實是利用 live.com 本身的功能, 將 preview 的資料吐出來, 速度真的很快, 很不錯的功能設計. 不過 preview 仍是採用大宗的 flash 而非微軟自家的 silverlight, 可能也是方便性的考量. 這些 preview 其實就是 flv 檔, 大約長度在 30秒上下, 大小也在50K~60K之間, 傳輸上自然很快, 也很有效果. 這個功能真是不錯. (而且無論是哪裡的 source 都能支援 preview , 像 CNBC, YOUTUBE, CBS, iFilm 等等)

其他功能可以自行玩看看, 其實都有長足進步, 相對於之前的 live.com 的 search.

另外也看一下 alexa 上和 live.com 本站的消長狀況:

其實也對原來的 live.com 沒有太多影響, 而 bing.com 成長是的確很快. 無論如何, 微軟加入投下的這枚震撼彈, 對於排在前面的 google, yahoo 也勢必面臨一些衝擊. 但是微軟原來就有 live.com 的 search , 現在又推出了 bing.com , 或許是調整了不少功能及貼心服務, 這對於目前的僵局, 的確有不少幫助.

分類
WebTrend

用Firefox體驗IE8

這句乍看下很有趣, 怎麼用 Firefox 體驗 IE8 呢?

原來是個愚人節的活動, 不過現在來報好像有一點 lag 了.. 從這裡看來的, 來體驗 IE8 的全新功能吧 http://blog.timc.idv.tw/posts/come-and-experience-ie8/ 還有有趣的連結呢:

http://ww12.stickeraction.com/

原來這個 link 是到這裡的: http://www.moztw.org/events/ie8/, 很有趣吧, 快連去看看, 怎麼用 Firefox 來體驗 IE8. 其實這個活動有點揶揄, 有點諷刺, 對於 IE8的上線, 給了一個很有趣的愚人節禮物. 不過下面也寫得十分有趣, 有關於 IE8 的長處:

  1. IE8 終於跟上其他先進瀏覽器的腳步,較為完整地支援了 CSS 2.1。這麼一來網頁設計師可以設計更為美觀的網頁,不必擔心僅有 IE 看不到效果的問題。
  2. 「視覺化搜尋」是其他瀏覽器目前沒有的功能
  3. 下一代的 Firefox (3.5 版,預計 2009 六月推出) 才會有類似 IE8 InPrivate 隱私瀏覽的功能。(如果您使用 Firefox,目前可以先使用「清除隱私資訊」以達成類似效果。)
  4. 目前 IE 是唯一可以跑微軟自家 ActiveX 技術的瀏覽器,也就是說絕大多數的網路 ATM 轉帳只能在 IE 上使用。

不過, 其實 IE8 還有很多有利用程式開發上的應用: 像最近的這篇: 好用到掉渣的IE8 Developer Tools–JS效能調校經驗 http://blog.darkthread.net/blogs/darkthreadtw/archive/2009/06/08/ie8-devtool-profiler.aspx , 看起來, 其實無論是程式設計人員, 美術人員, 甚至是使用者, 都應該都多方多種瀏覽器, 不過, 程式及美術, 主要都還是為了使用者, 而倒底這麼多種瀏覽器, 哪種好用, 哪種方便, 其實也是見人見智啦…

以本站右下的長期統計資訊 Histats, 的結果來看, 各瀏覽器佔比狀況如下:

看起來還是 IE6 為主耶(43.6%), 再來是 IE7(28.6%), 再來是 Fx3 (10.9%), Fx2(6.5%), 不過資料是由 2008年2月起的, 若抓近一點的話, 說不定也有一些不同. 但無論如何, 自己覺得好用, 自己覺得順手的瀏覽器, 才是好的瀏覽器啦…

分類
WebTrend

google的搜尋時間區間參數as_qdr

在 google 搜尋資料很方便, 狂人這裡介紹了一篇如何做 “時間限定” 的搜尋: http://briian.com/?p=6205 可以將最近納入搜尋引擎的資料做更小區間的過濾.

我們來看看這個有趣的參數, as_qdr, 可以使用的區間資料欄位為 h, d, m, y 四種, 例如:

http://www.google.com/search?q=test&as_qdr=d

代表著要搜尋的字為 test , 而時間區間為 d 一日內, 也就是 24小時內, 理論上和以下等義:

http://www.google.com/search?q=test&as_qdr=h24

這些有趣的地方在於縮小化查詢內容區間(應該算是 google 納入搜尋內容的時間), 是很方便又有用的一個查詢條件, 要找一些時間敏感性的資料, 特別好用. 以下列出用法:

as_qdr=[時間單位][數量(無代表1)]

所以查6個月內就會是這樣:

http://www.google.com/search?q=test&as_qdr=m6

大家有興趣可以試看看囉.

繼續閱讀:
http://www.realestatewebmasters.com/showthread.php?t=18812
http://briian.com/?p=6205
http://www.google.com/support/forum/p/customsearch/thread?tid=1fe1ed3df656cb3b&hl=en
http://www.google.com/support/websearch/bin/answer.py?answer=35890

分類
WebTrend

Google坐穩Alexa第一名了

因為我用的 Firefox 有安裝 sparky, 就是 alexa toolbar for firefox (請參考這篇), 所以每天大概都會瞄一下各網站的排行狀況, 今天收 gmail 時, 偶而發現 google.com 已躍居 alexa 排行榜第一名了.

長久以來, 排行榜一直是 yahoo.com 盤據著第一名的寶座, 也因為他使用的域名政策是使用 XX.yahoo.com 的方式, 使得以尾域名統計為基礎的 alexa 長久以來一直是 yahoo 第一名, 而 google.com 則是因地有不同的尾域名, (不過 login 時及一些服務則是回到 google.com), 所以一直不敵 yahoo, 但是排行榜前幾名一樣有 google.com, google.co.in, google.de, google.fr 等等, 當然 yahoo 也是有 yahoo.co.jp 這樣的狀況, 不過一般來說, 比較時仍會覺得 google 其實已經實值超過 yahoo 的 ranking, 只是在 alexa 的計算基礎下, 一直沒有呈現.

接下來看看今天的 alexa 圖表比較清楚:
先看看 reach:


其實 reach 的部分, 很單純, google.com 早在去年就超越了 yahoo.com 了, 再來看看 pageviews:


這個很明顯地, 其實是 yahoo.com 的 pageviews 下滑的厲害, 不過更有趣的是, google.com 在去年10月起, pageviews 快速上升, 使得這兩個差距明顯縮小很多. 再來就是整體的 rank 圖表囉:


呃… 不令人意外, 在一月的時候, 糾纏了一陣, 我們放大來看:

原來其實早在一月時, 就是開始超越了, 一直到後來就穩定的坐在第一名了.

yahoo.com 其實 pageviews 下滑也很明顯的看出內容性的網站和功能性的網站的差異, 內容是一種 B2C 的應用模式, 而功能卻是一種需求, 不過從 google.com 的 pageviews 上升的狀況來看, 功能雖然黏度不高, 不過看的內容卻愈來愈多了, 當然也和 google.com 提供的服務增加有關, 雖然他不做內容, 但是搜尋內容, 反觀 yahoo.com 的狀況, 他也是有搜尋, 不過卻是內容勝出的部分已經略顯不足了, 但是誰能賺到錢才是重點吧, alexa ranking, 參考參考…

分類
WebTrend

好玩手寫辨識加查詢

從點部落的 “Dotjum的分享空間” 看來的, 這篇文章: [資料收集]Silverlight 電子白板的線上範例

很好玩的一個線上應用, http://so.wopos.com/ 利用 silverlight 手寫輸入, 辨識完成後, 再帶入查詢, 很有趣又好玩的服務. 利用 silverlight 做為輸入工具, 然後進行辨識, 看起來應該是用 webservice 的方式, 將 silverlight 上的字跡, 回去進行辨識, 如下:

先寫上文字:
接下來利用 firebug 的 networking 來觀察回送的封包, 按下 google 搜索, 得到這樣的 http request:


看起來是一個字跡的內容, 回送到 server 上, 再看他的 response:

在其中的 <InkAzyResult>中</InkAzyResult> 得到結果囉, 辨識的狀況, 只要不是太亂寫, 都還能辨識得出來哦, 效果不錯, 也還實用的, 和之前的一些搜尋應用經驗不太一樣哦.

相關文章:
Retrievr – 利用手繪找圖