無呈現的網路筆記

時間過得真快，一轉眼，我家的小叮噹(姐)上星期六(6/7)又畢業了，我又去幫忙拍照紀念，可能是太久沒碰相機拍完後整個覺得想再重拍一次...^^a，希望過幾年能讓我再來一次...XD；總之還是紀錄一下，最後祝我們家的小叮噹日後不管是課業或事業都能順順利利地！！


註：兩隻小叮噹合照


註：撥穗前合照


註：全家福

平時我們常在一些網站的留言板上看到一堆含有數字、字母或算式等各式各樣的圖片或文字...
我們須通過驗証測試才能送出留言，
而這個判斷填留言訊息是否為電腦程式或人類的驗証測試，稱之為「Captcha」
近來，由於Captcha若太過簡單...

容易遭到OCR(光學字元識別)等之類的程式破解，
所以許多網站將其Captcha產生的訊息扭曲或利用其它(如：算術、小遊戲等)方式來提高被破解的難度...
想順利地通過Captcha也相對地需要好眼力、腦力...等；
不過，小弟不才，今天在輸入某站的Captcha時遇到瓶頸了...
看倌們！您看看...
上方圖檔是某站的Captcha，
我們必須輸入含有「貓的圖案」的4個字母才行，
這個Captcha小弟輸入了幾次才成功，
在輸入幾次錯誤時，
心裡OS：「媽的，Captcha應該不是用來防人的吧？！」
所以如何設計出一個短時間內讓人容易辯識及程式難以破解的Captcha也是一門高深的學問呀！！

在寫文章的過程中，突然想到一個Captcha的idea，
若是利用聲音檔播放使用者要輸入的訊息
依國別來區分播放的語言(全球性網站所需)
然後聲音檔的背景音樂是Jolin或周杰倫等當地的流行歌曲用以混搖機器人，
而剛好也能讓視障者通過Captcha以達到無障礙...
呵，若真做出來的話也不知道是不是能抵擋高明的駭客，
必竟我對解析音訊也沒有研究，不知現今解析音訊的技術發展到哪裡，
哈哈，總之以上idea純屬雜念下的產物，
說不定也有人在受不了的情況下跟我想到一樣的方法...^^

(至於上方的Captcha正解有興趣的看倌們請見文章尾的照片上)
下方圖檔來自前二天(05/16)我家的J姐大壽，
題外話：為什麼要用照片來公佈正解呢，
原因是因為我家J姐說我都沒放我跟她的合照在blog...^^a

相關連結：
CAPTCHA - Wikipedi
OCR(光學字元識別) - Wikipedi

近來有個小作業，老師要我們各別去找一套能匯出
QTVR(QuickTime VR)的軟體，簡單地利用環場或時間軸的方式來練習QTVR...
google一下，發現了「The Panorama Factory」這套軟體，
是專門用來製作環場效果的軟體，並且加上它能匯出QT影片，
所以我選擇用它來交作業；
雖然不是免費的，若要免費的google一下很快就...(我試過^^v)
在試用過後發現這套軟體非常容易上手，
想當初大一時攝影作業之一的「環場」，
透過這套軟體，十分鐘以內就能將拍好的照片神奇地接合起來，
比在photoshop手工接合的方式來得快又有效^^b


使用方法：按下滑鼠左鍵可左右拖曳圖片
若無法顯示，點此下載QuickTime播放程式

延伸閱讀：
QuickTime VR - Wikipedia
QuickTime VR Developer Connection

以下是該則新聞報導：
日本高中棒球賽 川本高職兩局丟66分後棄賽-Yahoo!奇摩新聞
日本高中棒球賽打出籃球的比數，川本技術高中不到兩局丟了66分，宣佈棄賽。
川本技術高中在地區的校際賽中，第一局就讓對手狂得26分，第二局，對方展開更無情的攻勢，再拿40分之後，教練宣佈認輸，教練說，它們的投手還不到兩局，就已經投了250球，如果繼續，他可能會受傷，而且已經輸了那麼多，再打下去沒有意義，比賽於是提前結束。

今天在Yahoo看到這則新聞勾起我內心中一件往事...
想當年大一時系上去雲科參加大設盃，
我們因為熱愛棒球而報名了壘球項目，
結果我們系慘遭高雄某間私立科大狂電30幾比0提前結束，
而我整場比賽只上去打了一個打席結果慘遭三振（三顆球）
系上就那麼一次去大設盃...真是一段美好的回憶呀^^

花了一個多禮拜在準備paper報告上(paper請見上方)
這次的報告主題與cross-domain communication有關，
在此簡單紀錄一下報告內容、相關連結！！

首先要先瞭解什麼是web mashup，
web mashup指的是結合兩個(以上)不同來源(domain)的data或code在一個頁面上的整合經驗，

由於browser會有「Same Orgin Policy」所帶來跨網域的限制，
所以才會有cross-domain communication的technique，

paper中提到目前現有的四種作法，
由於沒實際try過光看paper上的簡短文字會滿難體會的，
所以我做了簡單的範例來介紹這四種方法：

1. Proxy
   browser輸入資料透過php當作proxy來(利用Scraping方式)直接與google翻譯溝通取得翻譯後的資料呈現在browser上
2. Cross-domain <script> tags
   browser輸入相片標籤資料透過動態產生的javascript去跟flickr提供的web service位址要相關標籤的照片資料再回傳到browser呈現
3. Browser plugins
   在被請求端的web server目錄下放置crossdomain.xml並在內容加上請求端的ip或domain name即可(crossdomain.xml可參考flex security那篇)
4. Fragment identifier messaging
   類似書籤的作法，由於當我們在點選書籤的連結時網頁不會refresh，所以可以透過javascript的document.hash取得url「#」以後的url當作資料來溝通

接著講述paper提出subspace這個prototype的buliding blocks、架構流程圖、測試結果、結論。


後記：
由於之前做網頁時沒碰過cross-domain communication的相關作法，
所以這次在看paper花比較多的時間在搞懂paper提出現有的四種方法，
在此感謝shen，學長真是個熱心助人的大好人，
一直被我問，結果都沒有打我...^^v
btw若大家有知道或認識關於web mashup、cross-domain communication方面的高手，
有網站或相關訊息的話若方便再麻煩給小弟一點指教^^v
這次報告的投影片共有三十多頁外加五個小範例，
對投影片或範例有興趣的話再mail給我...(應該沒人理我才對^^a)
第一次報告完會有口乾舌燥的感覺，
呵，可能是平時太少講那麼多話的原因吧！

相關連結：
Collin Jackson
Helen Wang
wiki - Mashup
Same origin policy - Wikipedia
JavaScript Security: Same Origin - Mozilla.org
PHP Data Scraping Script - Oooff.com
JSON in JavaScript
JSON and the Dynamic Script Tag: Easy, XML-less Web Services for JavaScript
External data not accessible outside a Flash movie's domain
Flash 8 Documentation Allowing cross-domain data loading
Adobe Flash Player Penetration
Cross Domain Frame Communication with Fragment Identifiers
令人頭疼的Cross-Domain AJAX

平時我只用printscreen鍵來作為擷圖工具...^^
今天突然需要找一個工具來一次擷取整張網頁的圖，
所以google一下發現這個小而巧的firefox擷圖套件「Pearl Crescent Page Saver」，
有免費版及付費版，不過免費版就能滿足我的需求了...^^
而且只要按一下按鈕就能擷取整張網頁囉！滿方便的！


安裝頁面：
http://pearlcrescent.com/products/pagesaver/

點選：
Install Page Saver Basic
Version: 1.7
No cost, 270KB download

官網教學：
http://pearlcrescent.com/products/pagesaver/doc/

今天下午在HBO看到一部片，接著不知覺地就把它看完了~
當發覺人一生最基本的生活權利竟然取決於小說家手中打字機下的文字稿，
而這些文字又變成了旁白一一地在耳中敘說著自己人生下一步的發展，
劇情及拍攝手法讓我覺得滿有意思的，有空可以去看看^^b

劇情簡介：
某天早晨，一個平凡而孤獨的國稅局查帳員哈洛克里（威爾法洛飾），
開始聽見一個女性旁白巨細靡遺地唸著他的每個動作、思考和感覺，
哈洛一絲不茍的生活被這個只有他可以聽到的聲音搞得翻天覆地。
當這個聲音宣布哈洛即將死亡的瞬間，
哈洛驚覺他必需找出寫故事的人，並說服她改變結局。
這個回蕩於哈洛腦海的聲音，
來自於曾經名噪一時卻逐漸被遺忘的小說家凱倫艾佛（艾瑪湯普森飾）。
凱倫正在為這本極可能成為她代表作的小說結局絞盡腦汁，
思索如何讓書中主人翁死亡，但卻絲毫不知道這個哈洛竟是真實存在的人，
而她的文字和計畫都影響著他的人生。
（以上截自：我酷網MooVi電影-口白人生）


相關連結：
Stranger than Fiction 官方網站
口白人生(Stranger than Fiction) - Yahoo!奇摩電影
電影 口白人生 - 我酷網MooVi電影入口