好一陣子沒發文了…..

來貼個文吧……

用Div偽裝Select變身成ComboBox

有需要拿去用吧

預設載入所有資料

可輸入文字並載入開頭字元相同的資料為下拉清單

看範例

需求：想要把 flv 檔，抓出指定的秒數並存成圖片。

問了一些同事，如果要用 java 達到這個目的的話，有沒有什麼套件可以用？

最後找到了ffmpeg，透過java去呼叫ffmpeg 可以做到

需要先下載ffmpeg→我在 這裡 下載ffmpeg-r13712-gpl-shared-win32.tar.bz2這個，解壓縮後，可使用。

單純用ffmpeg的指令如下：

ffmpeg -y -i coke.flv -vframes 1 -ss 00:00:03 -an -vcodec mjpeg -f rawvideo -s 320×240 test.jpg

使用java的話，整個檔案的內容如下：

import java.io.File;
import java.util.List;

public class Flv {

public Flv(){};

public static void main(String[] args) {
Flv cv = new Flv();
boolean s = cv.getFLVFrameToImage(“D:/clock1.flv”,”3″, “00:00:01″, “mjpeg”, “d:/test.jpg”, “300×400″);
System.out.println(s);

}

/*
* 透過ffmpeg 抓 flv 檔的圖片
* 原指令：ffmpeg -y -i coke.flv -vframes 1 -ss 00:00:03 -an -vcodec mjpeg -f rawvideo -s 320×240 test.jpg
*/
public boolean getFLVFrameToImage(String sourceFilePath, String frames,  String strdate, String outType, String outFilePath, String size) {

if(!checkFile(sourceFilePath)){
System.out.println(sourceFilePath+” is not file”);
return false;
}

List<String> command=new java.util.ArrayList<String>();
command.add(“ffmpeg.exe”);
command.add(“-y”);
command.add(“-i”);
command.add(sourceFilePath);
command.add(“-vframes”);
command.add(frames);
command.add(“-ss”);
command.add(strdate);
command.add(“-an”);
command.add(“-vcodec”);
command.add(outType);
command.add(“-f”);
command.add(“rawvideo”);
command.add(“-s”);
command.add(size);
command.add(outFilePath);
return process(command);
}

public boolean process(List<String> command){
try {
System.out.println(command.toString());
ProcessBuilder builder = new ProcessBuilder();
builder.command(command);
builder.start();
return true;
} catch (Exception e) {
e.printStackTrace();
return false;
}
}

}

java程式可在這裡下載

和javascript一樣，也可以減肥~~

網頁要美觀漂亮，目前多半都改用css來呈現

若要區分不同子功能有不同的style，設計時可能會是一個子功能會設計一個css檔

如果要同一網頁中把不同區塊用到的不同css，全都載入，css檔案小時，這沒問題，但如果檔案大時，下載速度又是一種考驗。

找到的工具有

CSS Driver

CSSTidy

CLean CSS

開發的一個系統

隨在越接近功能需求越完整的時間，載入網頁的速度，卻越來越慢…..

我有發現網頁戴入了好幾支的javascript檔案，這些檔案太大，要花上好些時間才能全load完

剛找到一個javascript compressor，可以做壓縮用

它是把一些斷行和空白去除掉，剛測試了一下，36K的檔案，壓縮後，變成 15K，馬上就塑身減了一半

壓縮完還沒測試壓縮後的js會不會造成js無法正常使用，後續待補

在開發Web程式時，我都用Firefox，在做測試。

因為Firefox，有一些附加元件很好用

如：

Web Developer 1.15

JSONRequest 0.9

YSlow 0.94

Firefox用的多是標準語法。不像IE，有些javascript和css的語法，是按自家定義的標準做的，所以在寫程式時，會有一些困擾。。。

之前有個例子如下，透過get的方式傳送參數

http://localhost/index.php?name=may&divide_type_id=1

這種語法在Firefox跑時，是不會出錯的，但在IE的話，你注意看網址的link會變成

http://localhost/index.php?name=may÷_type_id=1

查過HTML特殊符號表，「÷」是「÷」除號的意思。

我的參數名稱給的是「divide_type_id」，但在「IE」上卻將「&」與「divide_type_id」被翻譯成「÷_type_id」。一直用Firefox在做測試，沒有測出這問題，而IE竟然還將「；」省略自己換成「÷」，是該說「IE實在太聰明了嗎」

結果解決方法

是將「divide_type_id」往前移，變成下面這樣，「IE」接受了，不會再變成「÷」…..

http://localhost/index.php?divide_type_id=1&name=may

台灣微軟又推出新東西啦，這東西叫「MSN 一起 PO」

而且只要有MSN的登入帳號就可以開通啦~~~

和巴布(Buboo)及 Twitter 一樣的玩法，可以記錄臨時想到的事情/或是自言自語/亦或是碎碎念/或是一些小小的想法

有興趣/喜歡玩新東西的網友，去玩玩吧~~

對於異動性不高但卻需要大量讀取這些儲存在資料庫的資料時，有沒有什麼方法可以減少對資料庫存取時所秏的資源。

使用 Cache 是解決方法的其中一種。

好比你部落格發表的文章，寫完了，發表後，除非有錯字或錯誤需要做更正外，最多的情況，就是當有大量的網友讀取這篇文章，這時對資料庫所做的就是單純的 Select ，為了減少對資料庫讀取的頻率，先將 Select 出來的資料，設個 Key(可以是文章編號)，存到 Memery Cache中，當有下位網友也要讀同一篇文章時，先用同一個Key去Memcache 中找找看，有沒有該筆資料，如果有，就直接丟出去。如果沒有，再到資料庫去找，找到後再設Key存到 Memery Cache去，這樣可以減少對資料庫的 Loading。

這裡寫出，用 Php 要如何去連結 Memcache Server，用Key找資料、或用Key將資料存在、刪除等。。。

<?php
$memcache = new Memcache;

//在這裡指定你所要連接Server的IP、和Port

$memcache->addServer(‘127.0.0.1′, 11211);
//取得連接的狀態

echo “Server’s status : “.$memcache->getServerStatus(‘127.0.0.1′, 11211);

//取得所使用的Memcache Server是何種版本

echo “Server’s version: “.$memcache->getVersion().”<BR>”;

//假設我blog文章編號是

$key = ‘3344111′;

echo “先從 Cache 中找找看有沒有資料<BR>”;

$get_result = $memcache->get($key);

// 如果沒有資料，先找出來
if ( !($datas = $memcache->get($key)) ) {

//如 memcached 沒找到資料，去查資料庫

echo “要儲存的資料：<BR>”;

//這裡我用 Postgre SQL ，您可以改成您所使用的DB

$conn = pg_connect (“host=localhost port=5432 dbname=sns user=postgres password=123456″);

$sql = ‘SELECT * FROM blogs where blog_id = ‘.$key;

$result = pg_query($sql);

while ($row = pg_fetch_object($result)){

$datas[] = $row;

}

//將資料庫查到的資料存到 memcached中，供下次使用

memcache->set($key, $datas, false, 10);

echo “將資料存入 Cache 中 (10 秒後失效)<BR>”;

} else {

echo “從 Cache 中取回資料<BR>”;

$get_result = $memcache->get($key);

var_dump($get_result);

}

//如果要從memcache 中，移除資料的話

$memcache->delete($key);

//最後把connection關掉

$memcache->close();

?>

其他的參考資料。請見

程式下載 

今天在「蔡學鏞-言程序」那邊看到 IT邦幫忙，好奇那是什麼樣的系統，轉過去看看

很像yahoo知識+，有人發問，有人回答，就能有點數。

但不同於yahoo的是，這侷限於「IT」相關問題或分享，不像yahoo分類多。

而且現在有活動，推累積點數還可以換現金~~~

目前使用的人數算少，文章數不是很多。會慢慢累積的。

先註冊了一個帳號，先按了「推」推薦2篇文章，點數+2，但推薦次數，少2，應該是當天只能推10次吧~

有興趣的也要去玩玩吧→IT邦幫忙

有鑑於之前電腦喝水事件

裡面累積的一些資料全都因為沒有備份習慣，全沒了之後，想想還是把一些筆記放在網路上，較好…

這幾天在看 memcached

在google那找到了一些資料

先放上來，等有空時再整理

參考資料：

網站製作學習誌 – 在 Windows 上安裝 Memcached

Fred’s Blog – 非mmcache！Memcached的應用：多網站伺服器 PHP 共享 Session

小惡魔電腦技術 – [FreeBSD] 安裝 memcache for php 多重伺服器共享 Session

PHP: Memcache – Manual

最近都在看這幾樣東西 Spring + DWR + Hibernate.

看了DWR的範例，於是把他們整合起來，寫了一個「收支紀錄」的網頁。

我參考了 iGoogle 的小工具「iMoney愛算帳:記帳小工具」。

Spring2 + DWR2 + Hibernate3 整合的相關檔案如下：

web.xml的內容

applicationContext.xml的內容

dispatcher-servlet.xml的內容

畫面Demo如下：

• 收支紀錄-首頁。

因為我是參考iMoney，畫面可以說是一樣的……

• 收支紀錄-常用項目編緝：

原作者把「收、支」分開，而我把它合併起來(偷懶~)

• 收支紀錄-常用項目編緝：

按「類別」，分類會依據「類別」做變更。

• 收支紀錄-常用項目：

新增/修改，畫面上可以直接看到。

• 「我的帳冊」，按日期就可以編輯當日的收支狀況

3/11後記

使用 JavaScript Diagram Builder 3.33 繪圖library

增加了圓餅圖和圖例說明的部份

使用

DWR2.0

Springframework

Hibernate

PostGreSQL 建2個table，一個放常用項目，一個放各日的收支 (schema下載)。

開發工具

Eclipse

在使用Spring2.5 + dwr2.0的設定時

測試新疆博客网;v$X-b\9tH@} I測試用的程式一直出現錯誤

2008/2/21 下午 04:49:29 org.directwebremoting.util.CommonsLoggingOutput warn
警告: Marshalling exception: Missing method or missing parameter converters: Server.userList

拜google大神好久後，發現「簡單生活」寫道．．．．

主要原因就是DWR2中更新了的内容，原文如下：

The callback-as-first-parameter system has been deprecated since version 0.9 in favor of the callback-as-last-parameter system. In version 2.0 we removed support for the first-parameter option because it caused some hard to detect bugs with null parameters. From version 2.0 the callback must be the last parameter, and can not be the first parameter.

就是说以前版本callback参数是放在参数列表第一个参数，而在0.9版本中callback参数改为参数列表最后一个参数。到2.0版本取消了对callback参数前置的支持。

將javascript中的function中傳值的部份修改後，就能正常顯示了。

Preferences -> General -> Editers 這邊 改Text File encoding改這樣是沒用的要到

Preference -> General -> content type 點選 JavaScript

在 Default Encoding改成  UTF-8 即可

昨日有人留下Comment提到Google Docs & Spreadsheets如何設定權限

今天就針對這個問題，來做個說明

在「右邊的功能列上」有「Collaborate」的標籤，按下後。

在「Invite collaborators」這裡輸入要能「編輯文件者」的email address

在「Invite viewers」：輸入「檢視文件者」的email address

按下「Invite these people」後，系統會寄email通知那些收件者。

信中有附有連接的網址。

PS： 所留的email address須為google的account，不然就會要您註冊。

若是要分享給全部的人看的話，

按「Publish」的這個標籤。

權限設定部份的功能說明，大概如上。

Google繼之前買下Writely，也發信件通知原writely的使用者，要進行兩系統的整合。

經過幾星期後，終於，今日推出了beta版Google Docs & Spreadsheets。整合wordprecessing和Spreadsheets的功能。

小玩了一下…

Spreadsheet的版面和功能有些小小的改版。

原舊有writely和spreadsheet的檔案，列表如下。能一下就區分是文字檔和試算表檔。

開啟日前在介紹writely時，使用的檔案。

檔案公開功能設定也可將檔案發佈到其他的blog系統。

多種的blog系統設定選擇。

設定完成公開後的網址，及公開功能的開關功能。

插入的頁籤，提供插入圖片、超連結、回應、表格…等功能。

版控的功能，記錄每次編輯時間點和編修者。

檔案標示功能。

technorati tags:wordprocess, spreadspeet, web

Blogged with Flock

能提供線上的 Office 的網站，除了gOFFICE、google(還缺presentation的系統)、zoho的幾個網站外，就目前我所知的還有 ThinkFree的這個網站。

之前有陸續玩過各網站的相關系統，現在就來po這ThinkFree的相關功能。

身在中文的環境下，每次只要有網站，就一定會先玩「能不能接受中文」的功能測試。在網際網路上，會使用中文的人數，這可是前幾名的。

果然不負所望，中文正常啦

進去編輯畫面，內容正常顯示、圖片沒變形。

這網站的編輯器功能，提供「Quick Edit」和「Power Edit」兩種。

Quick Edit可看成是簡易版的word；Power Edit則為完整版(功能強大的word)。

在Web2.0的網路裡，分享、和共同編輯的功能也是一定有會。所以它也有「Share」設定。

還有檔案的公開發佈功能

檔案編輯、製作完成後，可以儲存，下載，也能另存為PDF檔，其儲存的PDF也可做分享動作。

結論：

版面清爽，流程順暢，系統回應速度很快。

提供插入圖片功能，其圖片庫來源可選 Flickr。

有目前 Writely 還沒有提供的目錄製作功能。

缺點：

目前若使用IE瀏覽器來操作，部份功能有問題。如檔案不能上傳、有時候還不能登入，建議使用FireFox來做操作。

technorati tags:online, office, web, wordprocess, writely, thinkfree, spreadspeet, presentation

Blogged with Flock