如何在Google Static Map上顯示超長路徑?

July 24, 2010 · Posted in Google Maps · 40 Comments 

PrintMyMap-Google Static Map API+CSS3
為了讓PrintMyMap的使用者可以感受地圖折好之後的樣子,我利用了Google Static Maps API畫出地圖,再利用CSS3 2d transform把地圖稍作變形,套在預先畫好的背景上。雖然Google Static Maps API解決了我需要將地圖變形的需求,但是有一些限制卻隨之而來。如果有用過Google Static Maps API,就應該會知道它其實只是一張利用URL傳送參數而產生的圖片。雖然Google Static Maps API的文件裡面沒有限制參數的長度,不過既然是使用URL傳送參數就會因為瀏覽器和伺服器端的實作而產生長度限制。

URL長度限制
如果URL長度過長,Google就會吐一個Request-URI Too Large的訊息回來。我用Google Chrome實際測試的結果,長度上限約在1800字元左右。
414 Request-URI Too Large

Read more

全球一動「大力玩」4G隨身分享器台北實測

July 16, 2010 · Posted in WiMAX · 16 Comments 

入手WiFi版的iPad之後,我就一直在找可以讓iPad離開家裡和公司無線網路範圍之後還可以上網的方案。有朋友開玩笑的說再買一台iPad 3G不就好了,不過這不在我的選項當中。

經過一些研究之後發現,要讓iPad可以在外行動時上網的選項應該有下面兩種:
1.把手機變成行動WiFi AP
2.另外選購3G行動基地台

把手機變成行動WiFi AP
MyWi 4.0
第一個選項是最不花錢的,以iPhone來說,如果願意JB的話,MyWi這套售價美金9.99的軟體。就可以iPhone轉變成WiFi基地台,把網路分享給iPad使用。這個選項乍看之下覺得很完美,不過以我自己的經驗來說,我的iPhone 3G只要一開了MyWi,大概一個半小時就沒電了。手機沒電,漏接電話比沒網路更嚴重,所以除非再另外花一兩千塊外接電源,不然MyWi不太能用。

3G行動基地台
Huawei E5830
另一個最近很熱門選項的就是3G行動基地台,基本上它就是一個內建電池的3G網卡加上WiFi基地台。不過這也不便宜,單機就要四千元以上。如果搭配門號的話,機器變成只要990,但是得綁兩年的3G吃到飽,算起來也是不便宜。

所以,在不想花太多錢的狀況下,我只有在緊急情況才會打開MyWi將就用。

全球一動4G隨身分享器
其實是有第三個選項的,上個禮拜全球一動通知我,他們最近打算推4G隨身分享器,問我願不願意試用看看,我想試試無仿,於是才有這篇文章的。
這個4G隨身分享器和前面提到3G行動基地台其實概念上相同,都是要在沒有電源供應的情況下將自身的網路透過WiFi分享給其他裝置,差別主要連網的是3G或是WiMAX。雖然WiMAX因為日前Intel解散WiMAX辦公室而顯得前景不明,不過我想WiMAX業者都已經投入相當的資本下去,短期內這並不會影響涵蓋範圍的擴張和服務品質。以目前3G使用人數過多、頻寬捉襟見肘的狀況來看,費率較低、速度又快的WiMAX也不致於沒有競爭力。

4G隨身分享器
這台4G隨身分享器寄到我手上時,還沒有包裝和正式的說明書,只有充電器和本體。尺寸比我想像中的小,重量也比想像中的輕。
Read more

[阿修作品] PrintMyMap—立即列印易攜帶、方便摺疊的Google Maps我的地圖

July 16, 2010 · Posted in Google Maps, Maps, My Works · 17 Comments 

不知道有多少朋友在使用Google Maps裡的「我的地圖」來規劃旅遊行程?是不是要出門前,想把地圖列印出來的時候才發現它的列印功能不太堪用。地圖上的標示和名稱都沒辦法列印出來,還有一大部份是地點的清單,很浪費紙。實際在外使用時,紙本的地圖又是看沒幾次就皺了。端午節前幾個同事要出國,就發現了這樣的問題,問我有沒有解決辦法。於是我在假期的時候就在想如何列印一張能夠清楚呈現自訂地標,又好收納到皮夾內的地圖。經過一些研究之後,我發現可以用Google Maps API、Google Maps Data API、Google Static Maps API再加上HTML5和CSS3來完成繪製地圖的工作,再加上一些摺紙的小加工之後,就可以達成目標。印出來的地圖就像下面這段影片的樣子,我試著放在皮夾裡,有機會就拿給不同人看,到目前為止這張地圖還很堅固。

為了造福更多人,我已經把列印的步驟轉換成一個網路應用程式—
PrintMyMap。PrintMyMap可以載入你在Google我的地圖內建立的個人化地圖。並且自動在地標旁邊標示名稱。你可以自由的選擇列印的區域,如果需要的話,還可以把列印範圍存下來,下次再用,這對於更新列印出來的地圖非常的方便。
PrintMyMap

PrintMyMap—立即列印易攜帶、方便摺疊的Google Maps我的地圖
地圖列印出來之後,就像上面這個樣子。還需要經過一些後加工,才方便收納。


我也把摺疊的步驟拍成影片了,我想照著做應該不會太困難,熟練之後應該三分鐘不到就可以折好一張。

唯一需要注意的是因為PrintMyMap用了很多webkit限定的功能來開發,所以請用Chrome或是Safari來列印。如果有任何使用上的問題或建議,請本文後留言。

PrintMyMap的網址是http://www.lis186.com/works/printmymap

[工作機會] 華碩電腦設計中心徵UI/GUI Designer

July 14, 2010 · Posted in General · 960 Comments 

華碩電腦設計中心(Asus Design) UE Team正在招募新血。
有興趣的話,請直接將履歷表寄到goodmike_tsai@asus.com
或電0933863063找Mike。

UI Designer需求
1)有UI flow與UI layout規劃執行經驗能力
2)具良好溝通、專案管理及邏輯思考與創新能力
3)Human Center、工業工程或工業設計相關科系背景
4)3年以上相關工作經驗(一名)、1~2年相關工作經驗(三名)

GUI Designer需求
1) 有UI與Flow layout參與規劃經驗
2) 具良好溝通能力
3) 多媒體設計/工業設計相關背景
4) 熟悉Adobe Illustrator/Photoshop/AfterEffect/Adobe Flash等多媒體軟體
5) 具有UI Prototype能力佳

UiGathering 7月份聚會 ﹣「使用者經驗設計」系列之三﹣如何從研究的結果中創造出揪甘心的設計

July 10, 2010 · Posted in UiGathering · 7 Comments 

UiGathering 7月份聚會 ﹣「使用者經驗設計」系列之三﹣如何從研究的結果中創造出揪甘心的設計

【主題】
「使用者經驗設計」系列之三:如何從研究的結果中創造出揪甘心的設計

【時間】
2010/07/17(六) 13:00 ~ 17:00

【地點】
文化大學推廣教育部延平分部大新館4F數位演講廳(台北市延平南路127號)

【議程】
12:30 ~ 13:00 報到
13:00 ~ 13:20 UiGathering Time
13:20 ~ 14:30 上半場
講題:絞盡腦汁了嗎?使用者研究成果是你的設計之泉
講者:翁晨豪(代表交大應用藝術所碩士生團隊)
14:30 ~ 15:00 茶敘
15:00 ~ 16:10 下半場
講題:Design and the Right Brain
講者:Brian Moose, Director of User Experience Design, Corel Digital Media Group
16:10 ~ 16:25 休息
16:25 ~ 16:50 問題與討論
16:50 ~ 17:00 閉幕

【其他資訊】
開放名額:170人

費用(含餐點與飲料):
2010/07/06 ~ 10報名&繳費:NTD 400元/人
2010/07/11 ~ 14報名&繳費:NTD 480元/人

【注意事項】
* 本次活動不開放現場報名及繳費
* 欲索取收據者,請於報名平台中輸入完整的「公司名稱」與「統一編號」,活動當日將
不另行提供收據申請之服務
* 若因故無法出席本次活動,請在2010/07/14 12:00前於報名平台取消報名,方可退費,
但須扣除15%之手續費

【報名網址】
http://www.registrano.com/events/uigathering20100717/

Windows 7的觸控體驗

July 9, 2010 · Posted in Multitouch, Windows 7 · 12 Comments 

Microsoft Surface
微軟在2007年的時候,公開了研究七年的新型態電腦Microsoft Surface。這個被稱之戲稱為「神桌」的裝置,我也有幸在2008年底於微軟創新中心體驗過,當時還拍攝了一段影片。在Surface上,我們可以看到多點觸控除了在手機上以外,在大尺寸的螢幕也能夠提供更直覺的操作,甚至能夠讓好幾個人一起使用。可惜可能是因為價格等等的原因,Surface始終沒辦法普及。

IMG_6491
去年的這個時候,我因緣際會下得到了我的第一台的觸控筆電-Eee PC T91,它馬上成為了我在通勤期間打發時間、寫程式、寫稿的好夥伴。沒位子坐的時候,我可以把螢幕翻轉過來變成平板的型態上上網。有位子坐的時候,可以回到傳統筆電的型態,這個時候還可以寫寫東西。(雖然兩個月前我也入手了iPad,不過要寫東西的話,還是要有實體鍵盤比較方便。)由於Eee PC T91內建的作業系統是Windows XP,而Windows XP原本不支援觸控,所有的虛擬鍵盤、觸控操作都必須由電腦的製造商另外搭配軟體來補強,所以整合性和操作的一致性自然就不容易讓人滿意。所以我在Eee PC T91上使用觸控的時機,就被限制在在看照片、影片的時候,上網的時候如果要觸控,還得裝一些擴充套件才比較合用。

Windows 7開始列
轉眼Windows 7也已經上市了8個月,當時我對於Windows 7的第一個印象就是開始列與圖示都變得比以前來得大,想必是為了適應觸控螢幕的操作而做的改變。確實是的,微軟在Windows 7的重要改進之一就是改良使用者介面的呈現與觸控功能。拜iPad帶起的觸控話題所賜,今年Computex的展場上沒幾個攤位就可以看到使用了不同技術的觸控面板、和各種觸控應用。我想這個時候來介紹Windows 7的觸控功能,應該是個更適當時機,畢竟去年因為內建觸控螢幕的機種寥寥可數,今年除了觸控小筆電之外,具備觸控螢幕的All-in-one電腦有更多的選擇。
Read more

  • Plurk

  • 我的位置

  • Events

  • My Flickr Photos

    www.flickr.com
  • Meta

  • Counter
    Technorati Profile