2007年12月31日 星期一

Lab Google Presentation

Lab Drag-and-Drop by AJAX

1. Go to Laszlo and enter (Laszlo in 10 minutes).
2. Study and play around the "drag-and-drop" example.
3. Use this method to control movie playing as in the previous lab.
4. If you drag and drop the photo to the "play" area, the movie plays.
5. If you drap and drop the photo to the "pause" area, the movie pauses.


2007年12月30日 星期日

期末報告

在這個報告中, 我挑選了Define Method來作為我這次的範例. 我會挑選他的原因來自於, 每當我瀏覽網頁時, 滑鼠只一劃過某些廣告還是圖片時, 常常會遇到有放大的效果, 總會吸引我的注意力去看他的內容, 而我想這種功能的廣告效果很強大而且在靜態時又不會造成空間浪費, 如在像奇摩. igoogle這些首頁的版面中, 常常是滿滿的圖片文字廣告, 如果有這功能, 會使你的廣告突出, 十分有效果.

1.效果:
a.當滑鼠不在圖片上時...

b.當滑鼠在第一個方框中時...

由方框的放大縮小, 造成有種類似漣漪, 或是風吹過旗面的效果...具美觀且有廣告效力

1.CODE:

[canvas]
[simplelayout axis="y" spacing="10"/]
[class name="box" bgcolor="blue"
height="100" width="100" /]
/*定義box, 為底部方框之大小及顏色, 還有各方框間隔距離位置,*/
[class name="borderedbox" extends="box"
width="${size}" height="${size}"
onmouseover="this.changeSize(50)"
onmouseout="this.changeSize(-50)"]
/*定義borderedbox, 此部分最重要為 onmouseover="this.changeSize(50)"
onmouseout="this.changeSize(-50)" 這兩句...這為定義當滑鼠移進及移出時, 所要放大的大小
[attribute name="size" value="100"/]
[attribute name="bordersize" value="2"/]
[view bgcolor="yellow"
x="${parent.bordersize}"
y="${parent.bordersize}"
width="${parent.width - parent.bordersize*2}"
height="${parent.height - parent.bordersize*2}"/]
/*這裡也是定義borderedbox變數的地方, 有color及大小, 比較特殊為:內框之大小是視外框而定的, 即為和外框成一定比例, width="${parent.width - parent.bordersize*2}"
height="${parent.height - parent.bordersize*2}"我們可以在這裡改變比例*/
[method name="changeSize" args="pixels"]
this.animate('size', pixels, 500, true);
/*此地方為定義changeSize, 即為我們所希望的變動的幅度, 為視pixel而定, 類似圖片畫素一般, 如果pixel越大則其變動的幅度會越接近自然的變動, 越小則會像一格一格投影片的效果, 端看我們想要的效果可以改變其pixel*/
[/method]
[/class]

[borderedbox/]
[borderedbox bordersize="6"/]
[borderedbox bordersize="9"/]
/*這裡為定義物件borderedbox 的多寡及內外框一開始距離, 我們如果想要增加框框可以在此地定義*/
[/canvas]

[!-- Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. --]



心得:
這學期跟著老師一起上這堂課, 雖然我認為和其他的電子學...等課來說這門課很輕鬆, 但是我覺得我學到很多很實際的東西, 也在這裡面學到一些網路上的架構概念, 而我會在這裡想找這個程式來做範例, 是因為它讓我看到了網路行銷的功能, 我想網路之所以發達, 應該不只是因為他好玩吧!
而是他的行銷功能強大且不需要花費很多錢...因此我想這會是現在也是未來創業的趨勢, 如何在網路廣告上引人注目

2007年12月17日 星期一

Lab Movie Player by AJAX

Homework 12-10-2007

List three ways of creating interactive webpages

1.Nvu

2.JavaApplet

3.CGI

2007年12月10日 星期一

Lab DOM and JavaScript

矩陣版~99乘法表:

Homework 11-26

1. Problem 1 & Problem 3 of Textbook on Page 55.
a.試解釋Web技術演進是要解決什麼樣的問題?

第一時期:靜態網頁且無自動資料庫更新
第二時期:由於CGI技術的使用,主要是利用程序(Process)來存取資料,解決了在第一時期要更 新資料的繁瑣。
第三時期:CGI技術更加成熟,利用執行緒(Thread)取代程序,解決了在第二時期每服務一位使 用者就要開一個程序的效率問題, 使得網頁處理速度更快。

b.程序(Process)和執行緒(Thread)對網站性能有什麼不同的影響?

Process的使用是指每當要提供新的一位使用者服務時,就得開一個新的程序來服務。當有大 量使用者需要服務時,由於太多的process執行,就會導致網站速度明顯下降,甚至有可能導致 系統當機的問題。
執行緒的技術使用就比較聰明,在server內已經提供Daemon的服務,使用者需要哪種服務, 只須找出相對應的執行緒去服務它即可,效率較佳。

2. What does a CGI output contain in the HTTP header? Hint: Such as Content-type

當CGI資料輸出,會透過Stdout方式送出給伺服程式,即HTTPD,再傳送回給HTTP。而CGI  輸出前,會先送出MIME資訊(資料檔),讓www伺服主機能分辨資料型態
ex:使用google 搜尋mp3
http://www.google.com.tw/search?q=mp3&sourceid=navclient-ff&ie=UTF-8&rlz=1B3GGGL_zh-TWTW247TW249

search是處理事件
?之後 就是要傳遞給伺服器作處理的訊息
zh-TW 表示的是繁體中文
q 表示送出查詢的資料

3. If you want to upload an mp3 file, should you use the GET or POST method? Why?
POST,因為get的傳輸方式是將資料直接加在 URI 之後,會有傳輸資料大小的限制(1K),而 POST容許傳送大量資料,一首mp3通常至少有5MB以上。

Lab Create Img using DOM


===>直接用window.onload


1.


2.


===>使用button

2007年12月3日 星期一

lab 19: XSLT Part II

1. the Listing 2 to transform the XML file as the Listing 1.



2.the Listing 3 to transform the XML file as in the Listing 1.

lab 19: XSLT Part II

1. the Listing 2 to transform the XML file as the Listing 1.



2.the Listing 3 to transform the XML file as in the Listing 1.

lab 20: XSLT Part III


lab 18: Lab XML & XSLT

2007年11月26日 星期一

Form and Action PartII

1.Code(use Nvu)


2.search..



3.Google Map

Form and Action

輸入搜尋字:


UTF-8



2.在Method=get狀況下


3.在Method=POST狀況下

2007年11月17日 星期六

超爆力激鬥!!!

相信應該很多男生看過吧~

我沒記錯應該是在我國中時期的節目...

一個有關機器人格鬥的節目

十分熱血~

大家看看吧~

2007年11月15日 星期四

Tennis: The best time

在youtube上找到的~影片的片段有點舊了~~~不過都是超精華片段...

雖然,現今網壇有許多帥氣有特色的網球高手...不過我還是比較喜歡阿格西打球的風格

他真的很有趣~呵~~~

2007年11月12日 星期一

Webpage Accessibility

添加文字


Accessibility by GreaseMonkey

1. google serch key & google access key


2.access bar


三個有導盲磚的政府網站:

1. 衛生署 http://www.doh.gov.tw/cht2006/index_populace.aspx#TopArea


2.交通部 http://enable.nat.gov.tw/valid.jsp?category=20050620155716



3.行政院 http://www.cpa.gov.tw/





2007年11月4日 星期日

LAB : GreaseMonkey-->Clean Language

範例:
** F/ U/ C/ K **


使用了 Clean Language...

2007年10月29日 星期一

LAB Greasemonkey


Page Rank

紐約時報 http://www.nytimes.com
Page Rank:9/10

CNN http://www.cnn.com/
Page Rank:9/10

台灣雅虎 http://tw.yahoo.com
Page Rank:6/10

蕃薯藤 http://www.yam.com
Page Rank:6/10

PCHome 購物 http://shopping.pchome.com.tw/
Page Rank:6/10

Monday 購物 http://www.monday.com.tw/
Page Rank:4/10

Lab Technorati

Scobleizer http://scobleizer.wordpress.com
Authority:796
Rank: 3865

Techcrunch http://www.techcrunch.com/
Authority:23206
Rank: 4

Engadget http://www.engadget.com/
Authority:32033
Rank: 1

Reflection http://www.chieftain.idv.tw
Authority:27
Rank: 305717

Java http://javaatcycu.blogspot.com
Authority:28
Rank: 294012

http://lengogopower.blogspot.com
No Authority
Rank: 8,911,336

http://s9428215.blogspot.com
No Authority
Rank: 8,911,336

2007年10月22日 星期一

論文感想2

你覺得這篇論文創新性如何? 好

你覺得這篇論文嚴謹度如何?是否合乎科學實證的精神? 好 ;我覺得有實地在外面測試不錯, 可是應該 寫明測試者人數及測試者身分

你覺得簡報內容呈現如何?是不是清晰簡明? 普通 ;比較偏理論, 論文內容還OK, 但報告者聲音有點小

你覺得這篇論文對社會貢獻如何? 非常好

你覺得這篇論文對學術貢獻如何? 普通;



我覺得這篇論文是上一篇的室外版...那是不是應該有辦法將它們結合在一起, 而且我創意還是十分的棒, 但是內容好像比較少一點

論文感想

你覺得這篇論文創新性如何? 非常好

你覺得這篇論文嚴謹度如何?是否合乎科學實證的精神? 好;有合乎科學精神, 但是如果能找到更多或是更接近原本預設的使用者來是用更好

你覺得簡報內容呈現如何?是不是清晰簡明? 非常好 ; 表達地十分清楚

你覺得這篇論文對社會貢獻如何? 非常好

你覺得這篇論文對學術貢獻如何? 普通 ;我認為這篇論文是一個很好的創意, 但是對學術來說似乎不夠嚴謹



我認為這篇論文的構想十分有趣, 比起我們一般在做的研究來說, 我覺得它會讓我更有動力去注入這項研究, 也希望會有一天有外面的廠商能注意到這項研究, 能夠造福更多的人.

2007年10月21日 星期日

回家的路...

在禮拜五的晚上...我撥回了家中~說明早回去一趟...看看家人

可我母親~或許是想我想的緊了~問我:何不搭晚班車回來~我叫爸載你一趟..

在親情攻勢~我便急急忙忙在8點半趕去火車站....

雖然如此晚到...或許沒車位坐了...可我一向也獨來獨往慣了~或許應該說我隨性吧

但沒想到出乎意料之外...居然售票員跟我說~現在是連車到嘉義都沒有的阿.....霎時..

我心裡頭苦笑了一下~好吧...只好再回住的地方一趟了...

於是我把明早要搭的車票買好...是中午十一點四十五分的車...

禮拜六清晨~照例的我還是去練一下網球才買了早餐回家吃

可我這次時間抓準準的

因為我到火車站時~是十一點四十四分...

跑馬燈上還閃著晚到一分....

但沒想到...天不從我願...

我跨上月臺時....看到列車在我面前啟動了~~

啞口無言...我看看頭上的時間跑馬燈...還是四十四分沒錯阿

啥時延後變成提早了....

我頓時真的笑了出來了~~

真不知要如何解釋這一段遭遇....是我太白痴....總不做好準備才出發吧?



可還是回去了~~我搭上往高雄的復興號~

慢的出奇...原本預計兩點到~現在被我一搞~至少是要四點到家阿...

但是我真的覺得我很能調適自己~~

我一路上看看風景~看看小說~聽聽音樂~

雖然火車跑得不快...但心中卻也十分愜意.

或許那天我想回家又無聊時間多時...可以考慮這種省錢又放鬆的方法...

但是我不要再搭不到車了~~~T^T

2007年10月8日 星期一

一種奇妙的思念

有人說思念像條河~~越流越長

也有人說思念像蜿蜒向上的山路~~通往雲端

可我對思念卻是空的~

沒有顏色, 沒有聲音...似乎只剩下那一波一波

她所留下來的衝擊...震動著我的內心

可是卻尋不着她所留下來的痕跡...

只是衝擊不斷地在空空的心裡碰撞...擴大

何時...我會因這思念而爆炸呢...



無病呻吟之作...

即時回應

LAB 7 iGoogle



RSS work



2007年10月7日 星期日

10/1 Homework

1. 參考單車上的靈感,開始用部落格書寫你的個人散文,並加上適當標籤。

一個奇特的餐廳故事

2. 一篇部落格是否只能使用一個標籤,如果不是,請舉出反例。

不是; 見 一個奇特的餐廳故事 其標籤有隨筆散文和作業 ; 用法:標籤A, 標籤B,

3. 參考標籤(tag,或稱label)的定義,使用標籤有什麼好處? 標籤與分類有何不同?

標籤的用途通常是提供和此篇文章的關鍵字,方便閱讀及管理,因此一篇文章可以擁有多個標籤,來提高搜尋此文章的方便性,讓管理者和讀者可以直接找到自己想閱讀或管理的文章,且標籤的運用比較人性化可以隨時增加或減少,無特定的規定。

與標籤比起來,分類是較屬於制式化的方法,他比較走大方向,如:月分,作者,方法...等
他與標籤比起來,畫面會比較簡潔,但缺乏人性化,至於搜尋功能方便性我認為是因人而異,有些人或許覺得制式性的分類簡潔,無須一些花俏的修飾詞。



4. Read Pages 184~188 of Textbook. Answer the problems 7, 8, and 9 on Page 195.

7. 試舉出一些實例說明靜態網頁是不夠的,必須要有 CGI 的機制?

靜態網頁僅能"呈現"網頁資訊,而動態網頁除了呈現外,還能與使用者互動,及資料呈現方法有較多元化,如:網路問卷調查,購物車,留言板...等都是動態網頁的應用,如只有靜態,其呈現手法及運作速度,將大幅減少,在使用上麻煩,因此用CGI較方便。

8. 為何經由 CGI 程式所產生的網頁稱為動態網頁?

CGI是Common Gateway Interface的縮寫,即為共同閘道介面,簡單說就是,此網頁能接受使用者所輸入的指令或文字,做下一步的應變動作,以呈現原本隱藏的內容,有別於已往的靜態單頁面資料表現方法,因此稱為動態網頁。

9. 某 CGI 程式是使用 Net.Data 語言來開發設計,請問用戶端是否要使用 Net.Data 專屬的 browser?

不需 ; 因為資料的處理,是在伺服器上進行的,因此只要伺服器上有使用Net.Data的軟體就能執行後輸出html,因此用戶端只要能瀏覽網頁即可,不許專屬的browser


Reference:
1> yahoo知識
2> Tag from WIKI
3> CGI介紹 by Chung-Kie Tung

2007年10月1日 星期一

一個奇特餐廳的故事

我要說一個很奇怪的故事...
有關一間很奇怪的餐廳...你別問我他開在哪裡~~可以說他是留在我心中~^^


這間餐廳...叫啥名字我忘了~~因為不重要~重要的是...
不是他的口味...不是他的服務員是否為正妹...


它真的很奇特...他沒有菜單~
因為你想吃的菜~~全部都沒有~~
注意!!!
不是都沒菜...沒菜作啥餐廳阿~科科

他沒你想吃的菜~你可能也想不到要吃啥...
所以你就會亂吃...混著吃...有的吃就好~~
好好~~好到會勞賽~
但是有人就是可以不小心吃到好菜色...
一口下嚥~~

有些人~~像我...卻是要吃啥啥都沒...連開胃菜都沒有QQ...
所以我只好玩筷子轉湯匙...喝飲料~~
可是我還是想吃東西...

一直等不到~我就很煩燥~~我開始大鬧廚房~~~
他給了我一盤土豆...撐著...
我吃了幾口....幹
我還是很度爛~~~
所以我跟正妹服務生說我要走了!!!
可是~~~
正妹服務生很識相!!!
他說:
你吃我吧~~啾咪 > . * y


不是!!!
是廚房馬上端出了十幾樣上等菜色但是看起來像快過期的~~
可我卻只夠錢吃一樣~~
可是正妹服務生卻說~~你不全吃很可惜ㄟ~~要拿去餵狗了QQ

e04!!!
那我要怎麼辦唉~~
早知道我就吃土豆吃到飽還不用錢....
那我幹嘛不吃土豆就好~~可是上等菜又要當"噴"餵狗ㄟ~
嘖嘖...

十幾盤的上等菜...和一盤土豆...
為了土豆而放棄所以的菜嗎???
還是花錢吃一盤可能是過期的上等菜...
(我可能因此勞賽勞到脫肛...)

誰來幫我解釋一下XDDD
我可以請你吃一盤可能過期的上等菜XDDD

FireFox...


其實我已經用很久了XDDD

中原大學地圖

Wedding venues and wedding vendorsCommunityWalk Map - CYEE

2007年9月17日 星期一

Google Map

Wedding venues and wedding vendorsCommunityWalk Map - CYEE

這是自介不是自傳

來自中原電機系
目前大三乙班學生
喜歡上網並挑戰一些新事物
喜愛的運動是打網球