2010年6月27日 星期日

清單 - Coding and Tools

編輯
註:這裡找不到的要找「標籤」有Coding, Tools相關的項目。或找資源的「Language」



◆ 一般新聞

 ‧2012/02/22 Apache釋出HTTP伺服器2.4版(連結)
 ‧2010/07/01 MeeGo正式釋出給開發社群


◆ IDE & Compiler

 ‧2007/08/10 IDE & Compiler Introduction



◆ Language News

 ‧2011/10/11 google 釋放新網路語言:Dart (連結) (官網)(維基)
 ‧2007/05/08 JavaFX 會是 AJAX 的終結者嗎?
 ‧2004/04/19 D Language



◆ Desktop Tools

 ‧2010/06/19 PDF 轉檔工具及程式庫



◆ Handset Tools

 ‧2010/07/12 Google推出App Inventor 讓一般人也可設計Android程式

.

使用Opera手機模擬器撰寫手機程式之方式

http://www.techbang.com.tw/posts/2905-column-the-opera-mobile-o-simulator-to-create-the-perfect-mobile-site
作者:謝子斌(Zi-Bin) 發表於 2010-06-27 17:54

原題名:用模擬器幫你寫手機網站

【編按】Opera除了長期支持、制定、推廣HTML、CSS等網頁標準外,由於也針對各種裝置打造瀏覽器,所以對行動裝置網頁介面的打造也有著相 當豐富的經驗。各大網站紛紛打造行動裝置使用的網頁,像是最近蘋果日報也都推出手機版。要如何測試行動版網頁是否能正常運作呢,看看Opera 推出的解決方案:

隨著3G網路的普及化,而且上網功能從智慧型手機開始向中、低階手機擴張,愈來愈多人開始用手機上網。有些人喜歡用手機搜尋、閱讀 新聞、有的人喜歡玩Twitter、噗浪、或是上Facebook看看好友的即時狀況。因為這樣的需求,也讓使用者對於手機瀏覽器的要求與期望變得越來越 高。大致上,主流的手機瀏覽器開發商通常也擁有桌面版的瀏覽器,比如Opera、Apple的Safari、微軟的IE;也有一些開發者專門只做手機瀏覽 器,如SkyFire、以及中國大陸網民慣用的UCWeb等。

手機瀏覽器多變,網頁設計困難遽增

大部份的人可能不知道,由於手機硬體與作業系統的不同,手機瀏覽器會進一步分為智慧型手機(Smart Phone)與功能型手機(Feature Phone)兩種。一般來說,智慧型手機的瀏覽器功能較完善,而功能型手機的瀏覽器會更節省硬體資源,讓行動瀏覽較有效率。

以目前手機瀏覽器市占率較高的Opera來說,Opera Mobile和Opera Mini便是如此。Opera Mobile僅能安裝在S60、Windows Mobile、Maemo等智慧型手機,瀏覽功能完善且較符合網絡標準。而Opera Mini能夠壓縮網頁的特性,可以適合市面上大部份手機系統(包括iPhone)使用。與SkyFire和UCWeb這些瀏覽器相較,能夠使用Opera 的手機種類比較多。而Safari與IE都直接內建在智慧型手機的作業平台中,有的玩家會額外下載第二個手機瀏覽器來滿足不同的用途。可是這麼多的手機瀏 覽器,跑出來的網站畫面都不相同,對網站開發者而言是一大挑戰。

利用Opera Mobile模擬器預覽

網站經營者一定會發現來自手機的流量與日俱增,得為手機介面進行最佳化。但打開流量紀錄,各式各樣的手機、各式各樣的瀏覽器,透過Wi-Fi、 3G、EDGE等各種連線都有,要怎麼作才好?真的會讓開發者一個頭兩個大。在不久的將來,還會小尺寸的平板電腦、行動多媒體播放器、掌上型遊戲機以及電 子書等等,通通都會湧入上網的行列,網站要在不同螢幕尺寸、不同手機設備上保持一致美觀的畫面,讓訪客感到滿意實在不容易。

以前,開發者如果要確保網站在手機螢幕上完美呈現,得要拿不同款式的手機一個個進行測試。不過現在有免費的Opera Mobile 模擬器(Opera Mobile Emulator), 讓網站開發者能透過它測試網站在各式不同使用環境的表現。可以設定不同的裝置連線規格,包括了手機的User Agent String(如S60、Windows Mobile...),螢幕長寬度,以及是否為觸摸螢幕等。

▲Opera Mobile模擬器在Mac上模擬手機瀏覽器的畫面。

Opera Mobile模擬器可以讓你設定不同的手機螢幕使用界面,但必須透過工具程式(Utility Command)的命令列來設定以下選項:(備註:倘若要查看更詳細的參數,也可以透過「OperaMobile --help」列舉。)

  • -geometry(寬x長)
  • -notouch(取消觸控設定)
  • -widgetmanager(啟動 Opera Widgets)

現在就來實際操作,假如我們要啟動一個640 x 480、沒有觸控功能的手機畫面模擬器:

Step 1:先在終端機找出Opera Mobile的預設位置:

  • Windows:C:\Program Files\Opera Mobile 10\
  • Linux:/usr/bin/
  • Mac:/Applications/Opera Mobile.app/Contents/MacOS/

▲在Mac的終端機中輸入設定指令來設定手機畫面模擬器。

Step 2:需要輸入的指令列為:-geometry 640x480 -notouch

  • Windows的指令是:OperaMobile.exe -geometry 640x480 -notouch
  • Linux/Mac的指令是:./operamobile -geometry 640x480 -notouch

▲目前常見的直向與橫向手機與7吋平板電腦的螢幕解析度,都可以透過Opera Mobile模擬器來設定。

在手機網頁直接抓臭蟲

Opera Mobile模擬器有個很方便的功能,就是能直接在電腦上為手機網頁除錯(debug)。當然你必須先安裝Opera桌面型瀏覽器,叫出附屬的Dragonfly除錯工具。 Dragonfly是Opera所開發的開源除錯工具,目的是讓開發者可以在瀏覽器上即時為網頁除錯。現在除了可以在Opera桌面瀏覽器上使用 Dragonfly,Opera Mobile模擬器也可以遠端除錯。步驟如下:

Step 1:從Opera桌面型瀏覽器選單找到「工具>進階>Opera Dragonfly」。

Step 2:底下視窗便是Dragonfly的工具列,進入「設定>遠端除錯>勾選遠端除錯」。

▲內建於Opera桌面瀏覽器的Dragonfly除錯程式。

Step 3:到Opera Mobile模擬器中輸入「opera:debug」,然後按下「Go」。

Step 4:Opera Mobile模擬器中IP號碼和通訊埠必須與Dragonfly的設定一樣,然後按「套用」。

▲Opera Mobile模擬器連接Opera Dragonfly進行遠端除錯。

Step 5:設定完成後透過Dragonfly所進行的除錯,可以馬上在Opera Mobile模擬器中看見。

▲利用Opera Dragonfly除錯程式秀出T客邦網站的網頁程式碼。

▲在Opera Mobile模擬器裡調校Techbang網站。

總結

透過Opera Mobile的模擬器,程式設計師可以觀看網頁在不同手機上的表現,更可以透過Opera Dragonfly,在Opera Mobile模擬器上的網站做遠端除錯。如此更可以設計出適合各種螢幕尺寸觀看的完美網頁,節省測試的時間與精力。

參考資源:


Google I/O 2010:Android 2.2 Froyo、Google TV如期現身!

http://www.techbang.com.tw/posts/2566-google-i-o-2010
作者:sugizo 發表於 2010-05-21 00:42

Google_io 第一天Keynote就預告了第二天會有更多的驚喜,果不其然驚喜就是預料中的Android 2.2系統,以及即將跨入電視領域的Google TV。一開場Vic Gundotra就引述Android的老大Andy Rubin所說的話,為何Google會需要製作開放的作業系統?第一是因為Google想要幫所有硬體廠商提供一個免費又好用的開放系統,第二是因為 Google不想讓智慧型手機在未來成為一個單一個人、單一載體、單一裝置的未來,非常明顯是在暗示iPhone和Steve Jobs,火藥味濃厚,現場也引爆了一陣掌聲。

編按:台灣Google在星期五(05/21)早上10點在台北辦公室舉行Google I/O 2010記者會。想知道最新的消息,或有什麼問題想問Google,請鎖定T客邦文字直播。

直播網址:http://broadcast.techbang.com.tw/events/5-google-io-2010-tw(已 結束)

驚喜不斷的Android 2.2 Froyo手機平台

主講人Vic Gundotra免不了要吹捧一下Android OS的輝煌成績,Android OS深受21家OEM廠商、48個國家、59家電信業者青睞,每天有超過10萬名新用戶,已經超越iPhone OS為目前全美第二大的智慧型手機系統,也是目前美國使用率最高的智慧型手機系統。Android Market共有超過5萬個應用程式,以及18萬個開發者。

新的Android 2.2又稱為Froyo,共有4大特色,分別為1:更快的速度、2:新的API和服務、3:新的瀏覽器、4:改進的Android Market。在速度上Android 2.2相較Android 2.1有2~5倍的提升,現場以分別安裝Android 2.2和Android 2.1的Nexus One手機進行遊戲FPS測試,Android 2.2的成績明顯高於Android 2.1,負載最重時FPS數字幾乎是舊版的2倍,這歸功於Android 2.2用上新的Just In Time(JIT)即時編譯器進行編譯的緣故。Android 2.2增加了對於企業應用的支持,並列舉了Microsoft Exchange的auto-discovery、security policies、GAL lookup等功能,對常出外東奔西跑的商務人士可說倍感親切。

▲透過Just In Time(JIT)即時編譯器,效能提昇2~5倍。

新的API和服務方面,Cloud to Messaging API(雲端訊息API)可將電腦在Google Maps上面尋找的地址,直接透過Chrome瀏覽器上面的分享鍵,把座標傳送到Android手機上;Backup API(備份API)則是可使用自動備份的機制。Portbable WiFi Hotspot功能是將手機變為WiFi基地台,把手機網路訊號轉成WiFi無線網路,分享給沒有3G網路的裝置使用,例如WiFi版iPad。除此之外 還有令人驚豔的功能,就是語音辨識,可使用語音辨識進行搜尋、聲控、語音撥號、甚至用來語言翻譯;例外一項讓iPhone望成莫及的功能就是支援 Flash 10.1,未來可以期待用手機玩Flash遊戲偷菜了。

▲Cloud to Messaging API可將網頁瀏覽器的Google Maps資訊直接傳送至Android 2.2手機。

▲Android 2.2手機透過雲端訊息接收到的Google Maps座標資訊。

▲Portbable WiFi Hotspot可將手機網路變為WiFi發送。

Android 2.2同樣搭載基於V8引擎的Chrome瀏覽器,但是擁有更快的速度,JavaScrpit效能比Android 2.1提升了2~3倍。現場又拿了Android 2.2和Andoid 2.1比較JavaScript效能,更狠的是現場還拿了一台iPad一起測試,iPad的成績是三台中的墊底,狠狠的修理了iPad一頓。同時搭配 HTML5的強大威力,瀏覽器也支援電子羅盤地圖自動轉向功能,甚至能以瀏覽器開啟Google Buzz並直接使用照相機、視訊鏡頭拍攝照片上傳到網頁。

▲以SunSpider Benchmark測試JavaScript性能。

講到Android Market之前,先提Android 2.2新增的App2SD功能,可將應用程式存放在SD記憶卡中,做法是先將應用程式下載到手機記憶體後,再手動轉移到SD記憶卡中,現場示範從記憶卡中 玩起了EA的SNF賽車遊戲。對於Android Market新增的功能方面,On the Air install功能可以從電腦瀏覽應用程式並選擇安裝後,直接下載到手機中,省去透過電腦下載、同步的麻煩,再次酸了Apple必須投過電腦端下載、再同 步到裝置上的不便。應用程式的Auto Update選項可開啟自動更新,Update All則是可同時更新手機中所有應用程式;並加入了Bug reports錯誤回報的機制,如果應用程式崩壞時,可將狀態直接回報給開發者。另外也支持了DRM-free的網路音樂串流,可對應電腦裡的 iTunes和Windows Media,在手機列出一張音樂列表,直接點選將音樂串流到手機上播放。最後一個跟廣告主比較有關的是更先進的廣告系統,廣告會自動對應對在相關的主題 上,例如點選汽車的線上圖庫時就會出現車商廣告。想得知更多的資訊都可上google.com/mobileads查詢。

▲App2SD功能能將應用程式搬到SD記憶卡上。

▲Auto Update自動更新功能,有新版軔體就會自動進行更新。

▲Update All會一口氣更新所有的應用程式。

▲如果應用程式會當機也能在Android Market進行回報了。

展示完Android 2.2功能之後,緊接著介紹了稱為Supersonic的最新款HTC EVO 4G手機,這隻由宏達電生產的手機特色為採用CDMA和WiMax的最新4G技術,也支援Wi-Fi和藍芽無線網路。搭配目前最快的Snapdragon 1GHz處理器、解析度為480x800的4.3吋螢幕,可播放720p規格HD影片。內建800萬畫素攝影鏡頭以及雙閃燈,正面也有130萬畫素視訊鏡 頭,還具備HDMI高畫質輸出介面。最後的驚喜是......現場與會人士每人發送一隻HTC EVO 4G手機!Vic不忘補上:「For those who watch it on Youtube, we're sorry.」。

▲這就是Google大方送給與會人士的HTC EVO 4G手機。

▲Android 2.2官方影片。

把電視和網路緊密結合:Google TV

自從網路普及後,許多廠商都想把網路與電視做結合,但是通常都不太成功,原因歸咎於遙控器、以及封閉系統,導致電視和網路兩者無法有好的使用體驗, 這也是為何Google把Android系統內建在電視裡,為的就是將電視和網路兩個世界的優點結合在一起,他們還打出一個漂亮的口號:TV meets Web, Web meets TV。Google TV概念其實與TIVO類似,同樣是採用一般的電視再加上機上盒的方式,透過Android系統的主機觀看節目、以及節目單、預告片等,當然Google TV用上了最自豪的網路和搜尋科技。

▲網路和電視以往一直是難以融合。

▲原因歸咎在複雜的操作介面,以及封閉系統。

Google TV最大的特色就是擁有Search Bar(搜尋列),使用就跟平時用Google搜尋引擎一樣,透過鍵盤把想要看的節目名稱打上去就對了,會搜尋到電視節目、或是網路上的影片,搜尋結果也 會告訴你哪些是正在播放的電視節目、哪些需要付費才能觀看,也可以連到網路商店付費下載並錄製在錄影裝置中,展示中看到是知名的NetFlix網路商店。 畫面可選擇子母畫面,能邊看節目同時使用搜尋功能,也有類似我的最愛書籤功能,將喜愛的網頁、節目頻道以圖片牆的方式收藏起來;甚至還會根據之前看過的節 目,自動推薦使用者適合的節目。

▲Google TV的Search Bar。

▲Google TV可顯示各項資訊。

▲可列出詳細時刻表。

▲可上當紅的YouTube觀看影片。

▲可用子母畫面一邊看球賽一邊觀看網頁。

▲可查閱節目播出時間、或是線上播放方式。

▲擁有多種的觀看方式,例如鎖定節目時間、或以網路觀看。

▲與知名電影租看服務商Netflix合作可付費下載最新影片。

▲如果有錄影裝置,可將節目進行錄影動作。

▲書籤可收藏喜愛的頻道、網站。

Google TV還能與Android手機做結合,可透過Android手機控制Google TV,也能將Android手機上正在收看的影片丟到Google TV上面播放,這點可能是Google TV最酷的地方。Google TV硬體包含了強大的處理器,遙控器、鍵盤、滑鼠的多種遙控裝置,並透過WiFi連接網路,以及HDMI連接到電腦。現場示範了透過遙控器的語音辨識裝 置,透過聲控指令搜尋節目,此外遙控器還會發佈專門的API給開發者,讓開發者能直接在電腦和手機上可控制Google TV。軟體則是整合了Android 2.1系統(將來會換上Android 2.2)、桌面版Chrome瀏覽器、以及支援Flash 10.1,並且也會有如同手機版的Android Market,讓使用者可下載應用程式到Google TV上使用。

▲可將Android手機影片丟到Google TV上觀看。

▲Google TV用上了鍵盤、滑鼠、遙控器來操作。

▲硬體採用了Intel處理器、WiFi無線網路、HDMI傳輸。

▲軟體結合了Android系統、Chrome瀏覽器以及Flash 10.1。

現場示範了一些應用程式,例如Link Back,可把YouTube的影片儲存到錄影裝置;Google TV也內建了Google翻譯,能翻譯字幕。Google Listen and Watch功能也是訂閱節目(編按:這位亮麗的女主持人Brittany Bohnet讓筆者從昏昏欲睡中清醒了XD)。Android系統、Chrome瀏覽器基於開放原始碼,因此Google TV同樣會秉持開放原始碼,將會在2011年夏天公開,以吸引更多的合作者。

▲Google TV也會有應用程式,例如給小孩看的芝麻街。

本次也發表了Google TV合作夥伴,包含Sony為Google TV設計的電視和藍光播放器組合、搭載了Intel處理器,以及可將Google TV對應到所有電視的Logitech主機;網路的線上豐富內容則是由Dish Network提供。這場Google TV發表會因為受到會場眾多2.4GHz無線產品干擾,出現了多次鍵盤、滑鼠等遙控器不聽使喚的情形。最後則是由Google CEO Eric Schmidt邀請Google TV合作夥伴Intel CEO、Adobe CEO、Sony CEO、Dish Network CEO、Logitech CEO一起上台談論Google TV,為期兩天的Google I/O 2010就在此畫下句點。

▲Sony為Google TV推出專用電視和藍光播放器組合。

▲Logitech為Google TV設計主機,可對應所有電視使用。


MSN又改版了,Windows Live Essentials一整包Beta公開

http://www.techbang.com.tw/posts/2892-windows-live-essentials-beta-version-of-the-official-debut

作者:諸葛PP 發表於 2010-06-26 07:47

Beta44

幾個月之前就有非官方的Windows Live Essentials(以下簡稱WLE)流出,不過「正式公開」的測試版在本月24日左右才發佈,而這個等同於Google Pack(軟體集)的免費應用,究竟有什麼重大的改進呢?

先說明一下WLE,它其實就是「Windows Live程式集」,裡面包含了Photo Gallery、Mail、MovieMaker、MSN、Live Writer等這些Windows耳熟能詳的免費軟體,在這個測試版本發佈之前的WLE被稱為「第3波」(Wave 3),而這個第4波(Wave 4)最重大的改變,就是「它只支援Vista以上的版本」,也就是說,你別想在目前XP的OS上安裝它,似乎也想趁著Windows 7的破竹之勢來個改朝換代的宣言。

▲這就是Windows Live Essentials beta版,目前只支援英文、法文、荷蘭文、日文、葡萄牙 文、西班牙文及簡體中文這7種語言,大都是32強的國家呀!(世足看太多?)

▲安裝完之後,WLE的項目就會出現在選單內的Windows Live之下。

而這次的改版,除了更新既有的功能外,最重要的地方是新增對第三方網路服務的支援,像 YouTube、Facebook都被整合進來做運用。介面也做了一些改變,像是Photo Gallery及MovieMaker就變成了Ribbon介面,而原本舊版的Office Live增益集跟Toolbar被拿掉,多出了bing bar、Sync和Messenger Companion,Toolbar裡主要的分享頁面和同步我的最愛的功能也都被整合到Sync及Messenger Companion裡了。

▲WLE可以支援一票網路服務,但目前用起來還不是很流暢。

▲這是改版後的MSN,允許分頁瀏覽、支援HD視訊並整合Facebook等社交網站的 使用。

▲Photo Gallery介面相當簡潔,還使用了人臉識別技術,方便在眾多的照片中搜尋出照片。

▲「第三波」後才加入的Movie Maker,原本就不支援Vista以下的系統。

▲Sync 結合了2GB的SkyDrvie,可幫助多台電腦同步儲存資料上去,未來應該會更加強與Office 2010的整合。

除了這些主要的程式外,WLE還會安裝可以在Outlook中管理Hotmail 收件匣、Windows Live 行事曆和 Windows Live 的Outlook Connector和加強網路影音的Microsoft SilverLight。而WLE Beta版除了一定要在Vista以上的Windows作業系統(包括32與64位元)下安裝外,也要注意要有DirectX 9以上才能順利使用Photo Gallery及Movie Maker,其他配備需求有興趣下載的玩家可以上WLE做進一步的了解。

*******************************************************

http://7club.ithome.com.tw/question/10014400?tag=nl.daily

這裡下 載(包括簡體中文版)。



敬請期待 LiveSino 更多的 Wave 4 專題文章。話說,終於等到 Wave 4 叻

如何選擇安裝 Windows Live Essentials Wave 4 Beta 元件
Windows Live 剛推出的套裝軟體 Essentials Wave 4 Beta 版預設下載位址是安裝所有元件 [1],但事實上,其立即下載按鈕的右側包括了“選擇所需的程式”按鈕。

Windows Live Essentials Wave 4 Beta 有兩種線上安裝程式:

•wlsetup-webc.exe – 可選擇安裝元件
•wlsetup-webd.exe – 預設自動安裝全部元件
至於完整版安裝包(或者說離線安裝包),我們暫時還沒找到離線安裝包的下載位址。