2008年6月19日 星期四

Tor:The onion router

Tor 是一款可以讓你在網路上匿名的軟體,它讓監視你的人無法知道你真實的去向。Tor 還能與現有的許多應用程式做結合,如:IM 軟體、browser 及一些 TCP 的應用。

簡單的來說,Tor 是一種由虛擬通道組成的網路,Tor client 端可以隨機的選取 Tor 網路上的 node 來建立起一條虛擬的路徑,並經由這條虛擬的通道抵達目的端。或是你也可以自願成為 Tor 網路上的一個 node。

我們可以藉由以下幾張圖來說明 Tor 的動作原理:

1.

首先,Alice 是一台 Tor 的 client 端,他透過一個目錄伺服器 Dave 取得了一份 Tor 的 node 清單,裡面的內容將有助於 Alice 找尋正在 Tor 網路上的節點,以建立虛擬路徑。Alice 與 Dave 之間的連線是未加密的傳輸(紅色虛線代表未加密)。

2.

再者,Alice 將隨機挑選一條路徑連往目的端 Bob 處。這條虛擬的路徑,也稱做是 virtual circuit,則是圖中綠色實線(傳輸過程是加密的)所串接起來的電腦。在傳輸的過程中,每經過一個 node,就會做一次加/解密的動作,就像是洋蔥(onion)的樣子,一層一層的被包裹住。在目的端 Bob 電腦的前一個 node,又稱做是 exit node。對 Bob 而言,他會以為這個 exit node 才是它的 source 端,而這一段(紅色虛線)傳輸過程中是沒有加密的。

3.

當 Alice 想要到另一個目的地 Jane 時,這時會再重新決定一條虛擬的路徑,如上圖綠色實線處。由於目的端無法得知真實的來源端,故又稱做匿名網路。

若想安裝 Tor 來玩玩看,這裡並不多介紹,請參考『手把手教你使用Tor--新手入门--Tor的安装』、『在 MS Windows 上运行 Tor 客户端』。

在 2008 年的四月,Tor 獲得了 NLnet Foundation 的兩項獎項:

The first is to improve the performance of hidden services. The second is to make Tor work better for low bandwidth clients

相關網頁與得獎詳細資訊可以點選這裡

如果你還不能夠清楚的了解 Tor 的作用,我在這裡舉個實用的例子:

有某個投票網站,限定在兩個小時內同一個 IP 不能投票兩次,但如果你公司的網路全都在 NAT 底下,對外只有一個 public IP,那麼兩個小時內只能有一位公司的同仁可以投票。這時如果你利用 Tor 網路裡變換身份的功能,那麼,由於你的 exit node 是隨機決定的,所以投票網站也會辨識到不同的 public IP,於是在兩個小時內就可以利用同一台裝有 Tor client 端的電腦不斷的投票。

當然,Tor 並不是可以完全的在 Internet 上匿名,還是有一些風險在的,使用前請先閱讀 our list of warningsTor(anonymity network) - Wikipedia

http://www.torproject.org/ Tor: anonymity online

2008年6月17日 星期二

在 blogger 文章開頭處加入 google adsense 廣告

一般而言,要在 blogger 加入 google adsense 廣告,可以在側邊欄新增一個區塊放置 google adsense 程式碼,或是在【版面配置】=>【網頁元素】中會有個【網誌文章】:

tmp6F9

點選【編輯】後會出現

tmp71E

勾選最後一項【在文章之間顯示廣告】,並依據出現的選項選擇您要的廣告樣式。

tmp720

這樣就可以在 blogger 中,文章與文章之間出現 google adsense 廣告。

這樣子在視覺上,廣告是在整篇文章的下方。若是要將廣告移到文章標題下,如:

tmp723

則要修改 HTML 樣式。

選擇【版面配置】=>【修改HTML】並勾選【展開小裝置範本】。

搜尋 <div class="post-body entry-content"> ,在這行的下面加入 google adsense 的程式碼:

 
<div style="float:top; margin:10px 10px 10px 10px;">
<script type="text/javascript">
<!--
google_ad_client = xxxxxx
......
......
//-->
</script>
</div>

 

這裡有一點要特別注意的是:

上面的『<!--』與『//-->』處,要修改成『 &lt;!-- 』 及『//--&gt;』,這樣才能夠正常運作。

依此類推,這樣就可以在文章上方加入您所要的文字廣告或文字連結。

2008年6月16日 星期一

讓 foobar 2000 縮小到右下角的工具列

點選 ﹝File﹞=>﹝Preferences﹞或按快速鍵【Ctrl + P】出現以下畫面:

tmp282E

點選﹝Default User interface﹞

tmp2831

再勾選﹝Minimize to notification area﹞

tmp2839

這樣即可。

 

2008年6月14日 星期六

IECapt -- 截取網頁畫面的工具

IECapt 是一套在 Windows 底下抓取網頁圖片的命令列(command line)工具,它可以利用 IE 來抓取網頁的畫面,並存成一般常見的圖檔格式,如:png, jpeg, bmp...等。而且 IECapt 是 Open Source 軟體。

它有一些參數如下:

  • --help Print this help page and exit
    印出參數列表
  • --url= The URL to capture (http:...|file:...|...)
    指定要抓取的網址
  • --out= The target file (.png|bmp|jpeg|emf|...)
    指定輸出圖檔的路徑及圖片格式
  • --min-width= Minimal width for the image (default: 800)
    指定欲截取網頁的最小寬度
  • --max-wait= Don't wait more than (default: 90000, inf: 0)
    最長的等待時間:指定一段時間,讓程式執行抓取網頁時不要超過這個時間
  • --delay= Wait after loading (e.g. for Flash; default: 0)
    指定一段等待期間:有些網站有 Flash 特效的,須要久一點的載入時間,才能抓取到正確的 Flash 顯示畫面
 
使用範例如下:
 
IECapt --url=http://www.example.com.tw/ --out=localfile.png --delay=500
 
但萬一抓取的網頁太長,以下圖這個網頁來講,全部長度就有兩千多 pixel,如果我只需要大概一頁或兩頁的長度,那必需還要用額外的軟體來處理自己要的長度:
 
over
 
原作者提供了 C++C# 版的原始碼,我修改了 C++ 版的原始程式,讓這支 IECapt 可以自行設定要抓取的網頁長度。執行這支程式時,您會在參數列表下發現多了一行:
 
  • --max-height=<int> Maximum height for the image (default: 0(full height))
當沒有指定 max-height 或是 max-height=0 時,是抓取整個頁面的長度。使用的方式如下:
 
IECapt --url=http://www.example.org/ --out=localfile.png --max-height=800
 
這表示要抓取的長度為 800 pixel。
 
以本站為例,抓取長度 800 pixel 的話,則大小看起來如下:
 
800
 
當然,要抓取多大多長, 一切由您自行決定。
 
請點選這個連結下載這隻程式的執行檔或原始碼:執行檔原始碼
如果您有興趣想自行修改這隻程式加入一些小功能或除錯,可由 IECapt 官網處,連結到 SourceForge 的 CVS 處下載最新版的程式。
 
參考資料:
IECapt
 
 

NetBeans IDE 6.1 支援 PHP 語法

tmp353B

NetBeans IDE 是一套可以跨平台的整合開發環境,可以讓您在 Windows、Linux、Mac OS X 及Solaris上執行,重點是,它是完全免費的。

從以前舊有的觀念一直以為 NetBeans 只能支援 Java 語言,到現在赫然發現,NetBeans IDE 6.1 支援了這麼多語言與技術,如:Ruby、Ajax、C/C++,甚至還有 PHP 。

在 NetBeans IDE 6.1 Features 中有一段

Editor Support for PHP
Early Access Feature in NetBeans IDE 6.1
Take advantage of syntactic and semantic code highlighting, code formating and folding, instant rename, code templates, and automatic code completion (including bracket completion) for PHP. The Editor recognizes PHP code including heredoc notation in PHP projects and in PHTML and PHP files.

Debug PHP code using Xdebug: You can inspect local variables, set watches, and evaluate code live. Navigate to declarations, types and files using Go To shortcuts and hypertext links. Use a global PHP include path for all projects or customize it per project. Learn more about the Early Access PHP plugin...

 
現在您只要裝上 Early Access for PHP Plugin(NetBeans 的其它 Plugins),就可以在 NetBeans 內使用 PHP 語法了。看樣子 NetBeans 越來越好用了,對於開發大型專案的朋友,好用的 IDE 工具會幫助您事半功倍的,趕快去下載來試試看吧。
 
或許就跟 NetBeans 官網上寫的一樣
The only IDE you need!
 
有位 Todd Ogasawara 老兄,在 ONLamp 中的 NetBeans IDE 6.1 Early Access for PHP: Where's Visual Studio Express Edition for PHP and Ruby? 這篇文章中提到,NetBeans 都有 Ruby 跟 PHP 了,那 Visual Studio 2008 Express Editions 呢?
 
 
 

CodePlex: 微軟版的 SourceForge

tmp2D04
 
喜愛 Open Source 軟體的朋友,一定有聽過 SourceForge,而微軟也有類似的 Open Source 網站:CodePlex,喜愛微軟開發平台的朋友一定不能錯過。
 
由於本身並沒有對微軟的開發系統很熟悉,只好請各位移駕至下面連結的網站內參考了。
 
 
 

2008年6月11日 星期三

一個不錯的 Blogger Template 網站

tmpFC1

http://www.finalsense.com/services/blog_templates/index.htm

網站裡有許多新式(xml)的 Blogger 樣板,並且也按照主題分類了,
其中主題涵蓋了三欄式、四欄式、動物、藝術、卡通人物.....等等。

tmpFC7
首先,先挑選喜歡的樣式,然後可以在喜歡的樣式上,直接點選「Sample」看預覽效果,或是按「More Details」進入複製 xml code。


點選「More Details」後,將頁面中的 Xml Code 複製到 Blogger 樣版設定內 HTML 裡,
當然,請記得先備份原始的樣版及小工具內容
tmpFCC

 

FinalSense -- Free Blogger Templates

2008年6月9日 星期一

一些LCD的專有名詞

顯示的解析度 (Resolution of Display)

VGA Video Graphics Array640*480
SVGA Super Video Graphics Array800*600
XGA Extended Graphics Array1024*768
SXGA Super Extended Graphics Array1280*1024
SXGA+Super Extended Graphics Array +1400*1050
UXGAUltra Extended Graphics Array1600*1200

示意圖:
28

視角 (View Angle)
面對螢幕,往其上、下、左、右進行觀測,調整螢幕直到無法由此四方向螢幕畫面之角度。

31

有效顯示區域 (Active Area)
即是 LCD Panel 可以顯示圖文的總面積。下圖Panel內的空白處即為 Active Area,而每一個 Pixel 由三個點(dot)組成,這三個點分別為R、G、B色。

19

畫面比例 (Aspect Ratio)
即為畫面的寬與高之比例。一般我們常聽見的 4:3 或 16:9 這些比例。

21

MURA
MURA 本來是一日本字,隨著日本的液晶顯示器在世界各地方揚光大,這個字在顯示器界 就變成可以共通的文字。MURA是指顯示器亮度不均勻造成各種痕跡的現象,最簡單的判別方法就是在 暗室中切換到黑色畫面,然後從各種不同的角度去看,隨著各式各樣的製作過程瑕疵,液晶顯示器 就會有各式各樣的MURA。

mura1



參考來源:
圖解LCD專有名詞

2008年6月8日 星期日

舊注音打全形的標點符號

不知道有沒有人跟我一樣,雖然有眾多的輸入法可以選,但還是習慣用舊注音的輸入法。
舊注音有很多不方便的地方,像是要打個全形的標點符號,還要點來點去,以前比較笨一點,還會先開 Word 檔案,在裡面打好要的符號以後,再複製過去。

最近發現,其實只要你在舊注音的輸入模式下按 「Ctrl」+「Alt」+「<」這三個鍵,就會在右下角出現一個小鍵盤,這樣您就可以對照上面的鍵盤,按出您要的全形符號了。

2008年6月7日 星期六

兒福聯盟-影音小工具

窮不能窮教育,苦不能苦孩子!

還有很多孩子,跟你我不同,不能在衣食無缺的家中快樂平安的長大,
他們煩惱的不會是明天要穿什麼漂亮衣服去約會、不會是手機是否該換新款式了,
他們連下一餐在哪都有問題了。

孩子本是家中未來的希望,卻也最容易成為大人紛擾世界中無辜的受害者......

每每在電視新聞上看見這些報導,總覺得他們似乎是活在另一個世界,離我們很遠。
其實不遠,只是我們容易遺忘,遺忘掉這群絕對弱勢的人、遺忘掉這群不該被忽略的人!

這個小工具是利用了 Google Gadget ApiYahoo!電影介紹、電影時刻表 所做成,它會去抓取 兒童福利聯盟-影音分享 中的一部份較新的影片連結,您可以將這小工具放在您部落格的側邊欄,發揮網路無遠拂屆的威力,讓更多人知道你我身邊還有很多要幫助的人,讓人們不再遺忘了這群不該被遺忘的人!

完成畫面如下﹝右上角有個 ,可以讓您選擇顯示上一頁/下一頁,點擊圖片則會連結到該段影片的網址所在﹞:
 
tmp3D3F
 
 
安裝方式如下:
1. 請先連結至 這裡
2. 接著您會看見如下的畫面。
 
tmp3EA6
 
3. 在同一畫面中的下半部,會有一個地方可以讓您更改標題、調整這個工具的長與寬及邊框的樣式。您可以自行填入長與寬的 Pixel 值,或是直接用滑鼠拉取,以符合您 Blog 工具列的寬度﹝這個小工具會根據顯示資料的長度,自動的調整它的長度﹞。
 
tmp3EAB
tmp3EAC
 
4. 最後,按下『取得程式碼』按鈕,將出現的 HTML 碼貼到您的網頁上。
 
tmp3EB9
 
當然,欲使這個小工具能正常顯示,您的 Blog 及瀏覽器必須要有支援 Javascript,否則將無法正常顯示。
 
這只是個功能簡單、介面寡陋的小工具,若您想自己改成自己想要的樣式,請您自行下載及修改這個檔案,或連結至 http://ghill.ghill.googlepages.com/cwlf.xml
 


2008年6月4日 星期三

Mac OS X 的安全防護手冊

Apple 公司最近釋出了一份 Mac OS X 10.5 "Leopard" 的 Security Configuration Guide 文件.

內容洋洋灑灑 240 頁, 其中包含了 Mac OS X 的基本安全架構,
以及強化系統本身對 attacker 的阻絕, 及未經授權的系統存取.

文件中許多部份皆是 Command-Line 操作模式,
操作者本身可能要對 Mac OS X 有一定程度的了解,
不管怎樣, 整個 review 過後, 應可對系統防護有一定的認知.

原文出處: SecurityFocus: Apple releases Mac OS X security Guide

原文摘錄:

Apple released its Security Configuration Guide for Mac OS X 10.5 "Leopard" on Monday,
a 240-page document that describes ways for sophisticated Mac users to further secure their
systems.

The manual includes an overview of the Mac OS X's security architecture and advice on hardening
the operating system against external attackers as well as locking down the system to protect
against unauthorized access by people with physical access to the system. The instructions
make extensive use of the command line, and Apple warns readers that only technically-adept
users should use the guide.
....


文件下載官網:
Mac OS X Security Configuration Guides

參考來源:
SecurityFocus: Apple releases Mac OS X security Guide
Mac OS X Security Configuration Guides

2008年6月3日 星期二

天空部落格加入推推王貼紙

首先, 我是先以下參考這兩篇文章,
[分享] 讓每篇文章自動加入 Google AdSense (適用於 Pixnet / 無名付費會員 / 天空 / 樂多 / 新浪)
[分享] 讓每篇文章都自動加入黑米跟推推王的收推文按鈕

不過我按照步驟裝完時, 發現推推王的貼紙是在文章的下方, 且, 不知何故, 在 Firefox 中看不見貼紙, 大概是 Firefox 擋廣告的功能有擋掉, 或我自己設定有問題, 由於我實在不想動到 Browser 的設定, 所以我稍微亂改了一下, 讓funP推推王貼紙出現在文章開頭的右邊, 且 Firefox 也能正常顯示.
若以 Yam blog 為例的話, 先去上面兩篇文章的作者網站下載 Javascript 檔(http://nelson.csie.us/OtherBlog/addGoogleAd_yam.js), 下載後, 請將原本的


/* .... 恕刪 ..... */
if (document.addEventListener)
document.addEventListener('load', init, false);

/* .... 恕刪 ..... */
if (x.indexOf("articleLink") == 0)
{
DIVs[i].innerHTML =
document.getElementById("divAdSenseContentScript").innerHTML + DIVs[i].innerHTML;
break;
}


改為


/* .... 恕刪 ..... */
if (document.addEventListener)
window.addEventListener('load', init, false);

/* .... 恕刪 ..... */
if (x.indexOf("articleBody") == 0)
{
DIVs[i].innerHTML =
document.getElementById("divAdSenseContentScript").innerHTML + DIVs[i].innerHTML;
break;
}


改過的檔案可以考慮放在 Google Page Creator 或其它您自己的網路空間.

程式的原理是, 會先判別您是否在 blog 的文章模式,
若是, 則會在網頁內的 <div id="articBlock"...> 找尋 <div class="articleLink">處加入貼紙的代碼,
由於我的 articleLink 處是在文章的最下方, 若我欲將貼紙放到文張開頭的右端,
則我得先找到文章開頭附近有什麼樣的 div block 可讓我用.

我找到了 <div class="articleBody">, 於是程式修改為找到 articleBody 時插入貼紙代碼.

我不確定是否每一個您用的樣板都可以使用, 但依照這樣的概念去推應該都大同小異.

再來就是要在網站內加入小貼紙的代碼了,
先進入「管理首頁」=>「個人資料」,
會看到有一個區塊是「部落格描述」, 接著修改一下原作者文章中提到的,
放入「部落格描述」中,





請修改 http://nelson.csie.us/Pixnet/addGoogleAd_pixnet.js 成為您自己放 .js 的網路位置,
如: http://<Username>.googlepages.com/addGoogleAd_yam.js

於上面「小貼紙程式碼」放入您小貼紙的程式代碼, 請至 funP推文按鈕貼紙.

完成的樣式可參考 http://blog.yam.com/ghill

參考資料:
[分享] 讓每篇文章自動加入 Google AdSense (適用於 Pixnet / 無名付費會員 / 天空 / 樂多 / 新浪)
[分享] 讓每篇文章都自動加入黑米跟推推王的收推文按鈕
funP推文按鈕貼紙
一介平民

2008年6月2日 星期一

1080i/1080p 訊號格式

一般在外面店家中, 常會看到一些LCD TV上寫的訊號格式,
如: 480i/480p/1080i/1080p...

其中的 i 或 p 指的是掃描模式,
i 是 交錯式掃描方式(interlaced scan)
p 是 漸進式(或循序式)掃描方式(Progressive scan)

漸進式掃描簡單的說, 就是逐行的去掃描,
交錯式簡單的說, 就是先從奇數行或是偶數行去掃描,
所以交錯式的掃描只需佔漸進式的一半,
早期的電視掃描方式大多都是交錯式的, 可減少頻寬的傳送,
但如果遇到高速移動物體時, 畫面則會有晃動情況產生.

再者, 一般我們在購買 LCD 顯示器時,
除了顯示器的呎吋外, 還會寫上螢幕的解析度, 如: 1024x768, 1280x1024...
這些指的是有效的顯示像素.

LCD 顯示器大概包含一些主要的元件,
如: Panel(面板), inverter(高壓板), AD board(驅動板)..
其中驅動板內會有個 IC (又稱Scaler)負責將輸入的訊號 縮小/放大,
讓輸出的畫面能夠與 Panel 達成滿框的效果.

所以, 若要達成最棒的顯示效果就是輸入訊號剛好就是panel上的解析度,
假設您的顯示器的解析度為 1024x768, 但輸入信號是 1080i(1920x1080),
那麼, 1920 會被縮為 1024, 1080 則會被縮為 768,
畫面會因為縮放的關係而失去原有的效果,
也就是 16:9 的畫面會被裁成 4:3.

如果顯示器的解析度是 1920x1080, 輸入訊號是 1080,
這樣剛好可以顯示到最佳效果.



維基百科: 1080i
NextVision N6全视界影像处理器+LCD终极评测

2008年6月1日 星期日

New Google Favicon

Google 換了新的 Favicon 囉!

tmp735

左邊是舊的, 右邊則是新的,

或許您已經發現了.

Google Operating System

Google 小工具

這幾天嘗試著做一個小工具, 利用了Google小工具的API, 可以很快的完成小工具的開發.

首先, 可以先連上 Google小工具-總覽 頁面看看, 可能中文的內容不是最新的, 若需要最新的內容得要連到英文的網頁.

tmp129B

接著可連往 開發人員指南 頁面, 基本上我並沒有所有的章節看完, 一開始我直接看 新增開發人員小工具 , 這個步驟在教你如何在自己的 iGoogle 裡加入一個開發人員小工具, 在您 iGoogle 頁面裡加的小工具, 都可以在這個開發人員小工具裡看到其原始碼.

在開發人員小工具裡, 你會看見有個 Cached 的欄位, 當您正在修改小工具時, 應該將這個 Cached 勾消, 以看到最新的小工具內容.

tmp12C4


上圖中, 在 Gadgets 欄位的部份, 就是你在 iGoogle 中加入的小工具, 圖下面的 Add a gadget 則可以用來加入您自己創作的小工具.

若欲將做好的小工具放至網路上, Google 有 Google Page Creator 小工具 可以用, 若需要用到 version control 的功能, 請參閱 Google Code.

例如,假設您有一個名為 "myphonebook.xml" 的小工具,而且您已經將它上載至 Google Page Creator。 我們可以使用如下的 URL,將這個小工具新增到您的 iGoogle:
http://<google-username>.googlepages.com/myphonebook.xml

其中的<google-username>請改成您的 Google Page 帳號.

至於小工具怎麼寫, 可以參考一下 定義內容, 裡面有個簡單的小範例, 主要的內容都被放在<content></content>之間, 如: HTML, Javascript等.
範例:

 






]]>




Google 小工具 API 開發人員指南