Jun 24, 2013

10,000 Page Views of iLearnBlogger

From 2012/12/18 to now, the total page views of 41 published articles reached the first milestone: 10,000.
Double page views of June in par with last month (May)

The peak day has 281 page views
What kinds of blogs are more attractable, I must study the clue.

How to attract foreign readers outside USA?





Jun 16, 2013

Build a School in the Cloud + Google Project Loon = the Future Education for Rural Areas


之前看了TED演講「Sugata Mitra: Build a School in the Cloud」:

Cover photo
Onstage at TED2013, Sugata Mitra makes his bold TED Prize wish: Help me design the School in the Cloud, a learning lab in India, where children can explore and learn from each other -- using resources and mentoring from the cloud
這時我就就思考到網路與雲端教育連結的問題,Mitra驗證了給窮人機會,他們會自己學習成長。但是如何拉網路或光纖到窮鄉僻壤,光是深山上要申請光世代,hinet都是回覆等等等。直到昨天看了 +Google[X] 的 +Project Loon 終於聯想到兩個創意整合的「未來教育無限可能」,尤其是對於弱勢族群的教育改善。



對於Education on the Cloud的深遠影響,還有 Khan Academy 這是後來由Bill Gates贊助的雲端線上教育服務,已經融入美國多所學校的教育。


Microsoft (Bill Gates) and Google (Sergey Brin) 在致富後,都同樣以其個人資源致力於解決世界難題,值得尊敬。

Google Project Loon:用高空氣球建立全世界的Internet連線



Cover photo


從傳統思維以光纖固網連線,或無線網路連線建立Internet connections,會遭遇許多挑戰:叢林、群島、高山 (土石流一沖刷,光纖可能就跟公路一樣,柔腸寸斷) 或地形崎嶇的區域、網路建置的高成本。因此,許多在非洲、沙漠、貧窮落後國家的人,很難使用到 Internet。在南半球大部分國家的Internet連接費用超過一個月的收入 (In most of the countries in the southern hemisphere, the cost of an Internet connection is more than a month’s income.),很難以想像吧!更難以想像的是,全世界有50-60億人口無法access the Internet。

要如何解決這種困境, 由天真爛漫的Sergey Brin所發起的 Solve for X 計畫,就是要創意整合以解決世界上的難題「Solve for X:Google 聚集全世界最聰明的腦袋解決世界上的難題」。Google正式推出一個大膽有創意的實驗計劃:Project Loon。利用直徑達15公尺的高空氣球把網路基地台帶到比高於20 km的大氣層中 (平流層Stratosphere:7至11km ~ 50km)),這個高度比飛機和雷電風雨產生區域還要高。利用平流層上熱下冷的水平循環特性,可以操控氣球上升/下降,把氣球帶到地球各地,讓氣球平均分散涵蓋地球,從高空中發射網路訊號給陸地的接收和發射器天線 (僅設定於Project Loon所需的訊號頻率,以提高頻寬),建構出「天空之城 天空之網 (network in the sky)」,速度可能比3G網路更快。當然,氣球基地台可以藉由太陽能發電,並且可以受控制,分布於赤道以南的非洲和南美洲區域,以集中涵蓋網路貧乏的區域。

相關研究問題:How to manage a fleet of balloons sailing around the world so that each balloon is in the area you want it right when you need it. 倒是值得資訊學者研究最佳解,最快、最有效省電移動氣球到需要的位置,比如在有大災難發生時。Google已經在Canterbury area of New Zealand徵求50名測試者,連線氣球以蒐集實驗資料。可以追蹤 +Project Loon 瞭解最新發展,這個計畫還有需要全世界人幫忙之處。


影片的結論很感人:Balloon-Powered Internet for Everyone

Project Loon可以加快偏鄉教育的普及進度。



乘著暴風從紐西蘭飛到智利了。




Jun 13, 2013

iOS 7 borrows ideas from Nokia N9 (Meego OS)

Look icons of iOS 7 (http://dribbble.com/shots/1110960-iOS-7-Icons), the design style is clear-cut and flat.


Remember the UI design of Nokia N9 (Meego OS)? It's very similar.


The idea of swiping from the edge to the center screen is also the same with gestures used in Nokia N9. However, I think only a few developers know what I say.

Also, did you find similarities between Windows Phone 8 and iOS 7?

iOS7 also use Bing Search as the default to reduce the usage of Google services. So will Apple, Microsoft and Nokia become an "implicit" alliance to cope with Google?

Jun 12, 2013

微軟素養:用Office OneNote不需要Evernote

Microsoft Office 2013內建的OneNote (筆記本) 真的非常好用。但是參考以下MS網站的介紹,你大概不知好用在哪?
可隨身攜帶的筆記 http://office.microsoft.com/zh-tw/onenote/
在您的裝置上。 無論您到哪裡,筆記就跟您到哪裡。 只要您在 Windows Phone、iOS 和 Android 手機上使用 OneNote Mobile 應用程式,就能隨時使用筆記。 如果您使用瀏覽器,只要開啟 OneNote Web App 就行了。
全新的 OneNote。 OneNote 已針對 Windows 8 重新設計,您可以繪圖、輸入、點選或撥動。如果您擁有 Windows 8 Release Preview (Windows 8 搶鮮版),就能透過 Windows 市集搶先試用 OneNote MX。 請造訪 Windows 8 Release Preview 網站獲得更多資訊。
同步。 OneNote 與 SkyDrive 和 SharePoint 同步*,因此所有裝置上的筆記可透過自動儲存永遠保持最新狀態,並且可在 OneNote 應用程式中搜尋。 只要登入就可以看見筆記,不再需要使用隨身碟或是透過電子郵件將檔案寄給自己。
我來幫MS好好介紹吧!大部分使用者一定會常看到好的網頁,但是沒時間仔細閱讀理解,或是想要在網頁中加一些註記,好幫助日後想到時,可以快速閱讀重點。反正就是像上課做筆記那樣的功能,可以數位化,在任何裝置隨時閱讀,或是傳統筆記所沒有的功能:分享 (借筆記)、搜尋 (找筆記內容或註解)、永遠不會壞掉。那用OneNote就對了!

以下例子是我看到「http://donttrack.us/」在解釋Google如何分析你!內容蠻有趣的,或許未來可以做為教材,但現在無法逐一驗證,那就先放到筆記吧!

在IE網頁範圍內點右鍵,Send to OneNote,就可以將網頁複製到筆記本。若在圖片上點右鍵,那只有送圖過去。

複製到OneNote:Notebook / Section /Page,就像是筆記本內的一張紙
之後,就像使用WORD一樣,在OneNote內自由自在做筆記,修改加上註解。上面這張網頁版面 (http://donttrack.us/) 乾淨,send to OneNote後,格式不需調整。以下以常用的Wikipedia為例,送到OneNote後,版面變化很大,這樣的筆記很醜。
註:為何不用WORD?WORD無法以筆記本方式管理,或許MS可以思考整合方式。Copy網頁內容到WORD,常會當掉,應該是WORD Rendering Engine搞太複雜了!


該怎麼辦,老師說遇到問題自己找方法解決了,這樣的經驗和知識才回跟你一輩子。先看看Wikipedia有沒有支援「友善列印」,找到了就試看看。


結果還是一樣醜。

因為我經驗老到,熟悉Web技術,知道如何只複製內容區塊,所以我的操作是:

  • 將網頁送到OneNote,之後按Ctrl+A (可能要按兩三次,一層一層選到全部)
  • 按Del刪除全部
  • Copy內容區塊 (用滑鼠選取,但網頁很長會覺得操作很鈍,等一下說明解法),Paste到筆記本那一頁,就看到如下結果。

Copy-Paste之後,字形和大小就修改成為我想要看到了樣子
什麼叫內容區塊,就是網頁中使用者想閱讀的有用內容。在瀏覽器按F12 (Inspector Mode),就可以看到上面我複製的區塊對應的HTML碼。這也是為何Evernote的Chrome Extension可以聰明地抓取有用內容到筆記本但不知MS為何還是笨笨的,無法在「Send to OneNote」時,自動判斷「有用的內容區塊」,這個技術一點都不難

The InnerHTML source codes presents the content that I just copied.

但是用滑鼠選取內容區塊,在網頁很長時,會覺得操作很鈍。以下就是聰明的作法。
1. 區塊左上角先選取一點點內容

2. 以滑鼠操作scroll bar,滑到內容右下角,滑鼠游標移到內容最後,按住Shift同時點滑鼠就選取成功了

3. Copy-Paste到OneNote,就看到上圖結果

送到OneNote後,想看就可以拿出來做筆記。其實,我本來是想看看剛發表的WWDC 2013 (WWDC 2013 重點總整理) 有什麼好談的,看完後大失所望,只好邊玩邊寫筆記。

先把筆記改成我想看的字形和大小

選取重點,設定顏色、或粗體

將重點內容標示紅色,以後複習時,一看就之哪裡重要 (果然iOS 7沒有讓人驚豔)
當然,OneNote還可以用筆劃重點、註記、使用螢光筆等,Surface PRO的筆很好用,不過懶得demo,用想的也知道。

以上是從使用傳統筆記的角度分析OneNote可以如何使用,以達到數位筆記可以輕易達到:看到就記錄 (Send to OneNote)、分享、保存、搜尋等用途。開始使用OneNote吧!(在Office程式集內找到OneNote)。注意:登入MS帳號,才能讓筆記自動放在SkyDrive,以便分享,並在多裝置閱讀筆記

1. 建立新的筆記本,可以邀請人員 (僅需輸入e-mails) 共享筆記

2. A Section (節) within an Notebook

3. Add one new Page into the Section

可以跨筆記本搬移任一Section或Page,傳統筆記就慘了!


將剛才SEO Page搬到筆記本新的SEO Section
開啟OneNote後,預設的筆記本就可以看到說明影片,看完後應該覺得不會比我寫的清楚好用!

Enjoy your first OneNote notebook!

Jun 10, 2013

小朋友寫程式 (1-3):SCRATCH Sprite物件複製與程式修改

複製Sprite物件並逐步修改新物件的程式,這方法也太dirty work,若你身為一個優秀的programmer,還常常很笨的做dirty works,說你有多厲害我也不信!但是「一切從基礎做起」,還是要一步步修改給你參考 (不然要我現在跟新手解說 物件導向由class宣告產生同類別的相似objects 嗎?)。

  • 複製Do以便修改為Re物件。

複製Sprite物件



  • 新複製的Sprite物件必須拖拉到正確位置,並在程式碼修改為對的位置。 
Sprite物件拖拉到正確位置,並更名

設定新Sprite物件的新位置

分割程式區塊:滑鼠click所選 (含) 指令以下為新區塊

  •  分割程式區塊技巧:熟悉操作就對了。



  • 最後再改聲音就完成了。

觀察Play sound值與範圍,並設定新值 (D就是Re的音)
其他琴鍵可以依此類推,自己玩看看吧!現在還不是教「自己設計模組 More Blocks/Make a Block」。



小朋友寫程式 (1-3):SCRATCH Sprite物件設計與程式撰寫

寫程式先從What You See, What You Design開始。加上物件模組設計概念,鋼琴當然由琴鍵開始。先完成琴鍵UI物件,撰寫物件程式碼 (也就是物件導向的class codes),最後完整程式就可以由小模組整合完成。
  • 建立新專案 (Piano):刪除原先的貓咪UI物件,自行設計琴鍵。


  • Paint new sprite:click之後就可以自己畫新的UI物件 (Sprite1),用矩形當琴鍵,並用 "Fill with color" 填滿白色,並命名為 "c1"。之後,立刻複製 (duplicate) 另一琴鍵,並填滿灰色,以做為琴鍵按下時的陰影顯示。



  • 更改UI物件 (Sprite1) 名稱為 "Do",物件變數命名要清楚有意義:點選左上角 i 小icon,就可以修改物件名稱。

  • 撰寫UI物件 "Do" 的程式碼:點選 Scripts 就可以切換到物件的程式碼,以不同顏色分類指令類型,清楚理解指令動作和參數。如下圖,指令由上到下依序為「當click此物件Do」、「到此物件座標,注意:在拖拉move指令前先調整好物件位置」、「將物件裝飾換為c2 (製造按下去的陰影效果)」、「等0.1秒 (這樣才看得到按鍵效果)」、「將物件裝飾換為c1 (還原琴鍵)」、「設定樂器到which instrument的值」、「播放聲音0.5拍」。
原Piano琴鍵程式碼:set instrument to "which instrument"

我的程式碼還沒有將變數與樂器做data binding
  • 設定變數值,並與物件屬性值連結 (data binding):Scripts/Data/Make a Variable,產生一個變數命名為 "instrument#" 樂器編號,並在此Sprite物件點選右鍵,設定為 "Slider" 並設定最小值和最大值 (Min, Max)。最後拖拉 instrument# 物件到樂器物件的屬性,以便做data binding。 
Scripts/Data/Make a Variable:建立變數,設定為滑桿 (slider)

觀察instrument值的範圍 
限定範圍 (min, max)

拖拉變數值和物件屬性值連結 (data binding)

完成之琴鍵程式碼