今天要談的是最近製作的一個網頁程式：http://125.227.242.245/weather/

App版下載往址是：http://goo.gl/Z7n2oJ

緣起於約半年前一位當年海洋研究所的學弟投入業界經營一間海洋測量公司，有感於對聲納以及資訊技術的需求找我擔任顧問。我替該公司做的第一件事情很有趣，是寫一個程式自動地幫他們盯緊並隨時下載台北港的氣象資訊。因為他們要在該港口進行探勘工程，隨時必須檢視並蒐集即時氣象資訊，該港口有即時更新的網頁，但是只限於前面數小時，要看超過頁面時限的資料就必須找業務單位了！有點麻煩，為此公司人員必須幾小時就要上網抓一次，不堪其擾。

所以我寫了一個小程式可以定時幫人去「讀網頁」把關鍵欄位的資料寫到檔案裏面，他們就不怕漏失資料了！讓程式去讀網頁不算是新技術，但是這個點子不錯！現在很多地方都有即時資訊，但是使用者需要時可能找不到網址，或者難以看到全面橫向的資料比對。該公司做了一個港口的資料蒐集，我就說其實可以做成所有港口的集合資訊，還可以網頁化咧！

這就是一個實驗性的作品，資料來源是中央氣象局網站的即時天氣資訊，使用者在Google Maps介面上點選位置或輸入地址後，可以靠Google Maps網站提供的功能找到經緯度，回傳到我的伺服端程式，我的程式中有所有氣象局測站的基本資訊(當然要自己蒐集囉)，包括位置與其即時氣象資訊所在的氣象局網頁。客戶要求的位置傳來之後，先是幫他找最近的測站，然後幫忙上氣象局網站抓到資料，再回傳給客戶就OK了！基本流程是這樣的，當然過程中有很多技術細節的困難，花了一兩個禮拜才逐步克服實作完成。

對我來說，技術層面最有趣的進步是我可以在不需要依賴ASP.NET的元件下完成客戶端的網頁，所以我的客戶端網頁是個典型的htm檔案，不是aspx或php、jsp甚麼的！也就是之前我號稱會做AJAX功能網頁其實並不道地，是依賴ASP元件做的，現在我可以完全用JavaScript程式完成AJAX的網路通訊功能。意外的收穫是：如果我可以成功地將客戶端與伺服端的網頁程式分離，就可以將前端的htm檔案直接轉檔製成手機與平板都能下載使用的App檔案！這表示我順勢完成了自己第一個有實用功能的App程式了！

目前我的學生還在修改本程式的App版本畫面，稍後就可以讓各位下載來玩了！敬請期待囉。歡迎隨時到此來瞧瞧：

http://125.227.242.245/Freeware/FreeSoftware.htm

PS.最新版的APP已經進化到無需額外的伺服器了！自己就可以上網路地圖與氣象局找到需要的資料。