lab39

lab40

今年甲班的榜單

想不到可以派上用場。

lab37

lab37-1

lab37-2

lab36

xml：將資料正點明顯的顯現出來
xslt：用來搭起XML與HTML間的橋梁，美化資料

lab35

lab34

lab33

efore you do this lab, you must understand what is CGI(Common Gateway Interface)  and Form.

1. So please search the answer and post your opinion in your blog.
2. Hand code a HTML or use KompoZer to edit an HTML so that the webpage can send a request to Google like
http://maps.google.com/maps?q=24.9586,+121.24114

Use Form CGI that includes action, input, and submit.
Try a few different coordinates.






for the http://maps.google.com/maps?q=24.9586,+121.24114

lab32

"logic will get you from A to B - imagination will take you anywhere"

How to use Form to invoke a remote service through CGI.

1. Copy the search box of this search page,
inlcuding radio buttons, text input, and submit button.
2. Open your KompoZer HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.

5. Use KompoZer to add a Form to this search box. Do not hand code the HTML. Just fill the blank in the Form dialog.

6. In the form dialog, set Action="http://google.com/search" and name of Form as "f" and method as "get"
(See Hint if it does not work.)
7. Save your file on your computer. Run your HTML by Firefox. What do you get?

8. Set method as "post"
9. Run your HTML by Firefox. What do you get?






1.for "get"

2.for"post"

te

<a href="http://yourblog/your-article.html">Your name and this homework</a>

lab31

lab30

lab29

         housing map在點選所要觀看的房子時，主要為純文字，但永慶房屋除了有圖片以外，還提供影片的觀賞，使買家能更進一步了解房子。

        但housing map的美感較優，並不是富有裝飾，而是簡單，並以地圖作為主要頁面，在介紹方面也以簡單的方式呈現，相較於永慶房屋的過度五花八門的繁雜廣告破壞美感，更讓使用者容易操作與輕鬆。
        除此之外在直覺上，還是以housing較為佳，因在右側設計了一個選單，並在選擇列標出價錢、描述、張貼日期一目瞭然，並有左側的地圖作為導覽，使得點選的直覺性以及流暢較為顯著。
       在使用上，我覺得housing mpa真的很不錯，因為其瀏覽與張貼系統走簡單路線，所需要的訊息開門見山，並且沒有多餘的廣告讓人感到厭煩，用起來真的沒有太大的壓力。
反而後者的網站就需得去除一些不必要的廣告，或是撤下使用度不高的選項，像是尋找房子應該只需要一個連結就夠了，不需要增設許多看似相同的連結，讓使用者不知從何獲得資訊。

lab27

lab28

lab21

lab20

英國17歲的動畫少年

來源:http://ideapit.net/?p=1205

lab18

lab19

lab17

紐約時報 http://www.nytimes.com------9分

CNN http://www.cnn.com/------8分
 
台灣雅虎 http://tw.yahoo.com------9分

蕃薯藤 http://www.yam.com------7分

PCHome 購物 http://shopping.pchome.com.tw/------6分

-----------------------------------------------------------------------------------------






巴哈姆特:http://www.gamer.com.tw/------7分

youtube :http://www.youtube.com/?gl=TW&hl=zh-TW------7分

facebook:http://www.facebook.com/------7分

電子四甲-榜單

研究所榜單填寫單

The Party

請點我，沒有毒= =+

lab16

lab15

T 1 link




L2

lab14

Lab14連結

PTF

Word

Homework4

首先，針對尋人、災情、庇護地點以及物資款項，都應該免登入，以減少使用時間，並設置即時留言，必要時填入身分證，如下所示：

   查詢                 需打入的關鍵字

1.尋人                身分證或姓名

2.災情                鄉縣市  

3.庇護地點       服部單位或地址  (當在災情上輸入鄉縣市，並會出現該區的庇護所位子。)  

4.物資款項       將直接列出每災區所需物資以及按照需求程度排列，並提供到達路程的規劃
-----------------------------------------------------------------------------------------------------------------

另一方面，在許多地方可增加一些事項以達到效率的提升。

1.在庇護所的地址需要在更完整，設置道路路線，必要時提供衛星地圖。

2.在人事組織方面，可適時發佈所急需的人力，以免造成某單位過度飽和或缺乏，降低工作率。

3.在新增物資方面，以下建議可增加優先倉庫選擇並含庫存量

4.在捐贈清單上，附上物資送達地點與時間

5.還是那句，字體可以大一點。

6.在首頁上提供最新災情狀況及警戒區，並提供民眾防範措施。

總而言之，此網頁的類型是不需要太過於華麗，最需要簡潔並且資訊明顯。當然，是希望沒有機會能用到，但防範仍舊不可少，第一次看到這種網頁，不知道若是突然湧入大批使用者登入，是否會造成像選課般的嚴重lag。

Homework 3

   首先，在新舊舊版本上，網頁的設計與顯明，是吸引使用者並導引的部分之一，很明顯的，在新網頁上，使用的色彩、文字以及排版，無可否認確實較舊版的完善許多，也較以往充滿了活力，可能是之前的顏色與排版較擁擠的關係吧。而舊版的比新版的好處之一為最主要的學習專區是進入網站即可點選，而新式的則要往下移動。

圖一

 

  在這兩種網站都出現了一個缺點，就是字體過小，在舊版的是由於版面的關係，使得字體也跟著縮小；但在新版，版面區域已擴大不少，字體卻只微微增大一些；我想還是有一些較年長的使用者會感到吃力吧，既使其使用率相較學生使用的程度少之又少；並且如【圖一】所示，這裡所列出選項的字體也非常的小，有些字還很模糊。

再者，新與舊仍有許多相同之處，是需要稍微注意的，就是熱門連結的選項，盡量優先擺上與學生生活較相關的事項，例如活動與演講、自學網站以及學校所提供學習的設施與地點，方能使學生了解學校所給予的資源項目，畢竟如果學校提供的資源，只有益於少數人，那花重金所建設的資源也就發揮不了其效用，所以宣傳是非常重要的一環。全人村2樓的多媒體教室，其新書與影片上架，並且明確標出地點與借閱方式以及日期，務必要明顯。

再來，對於學校網站可設置月曆看板【元智大學月曆系統】，供使用者獲得每一日期學校所舉辦的活動，並在其中增設分類，舉例：像是即將上場的大運會，可以將其放在當天日期，以宣傳大運會之慶典，這樣不只提昇了學生的參與度，也增加了週遭居民了解學校的行程，增加前來觀看的機會以認識校園。除此之外，也可利用大圖示作為本週大事，並且要明顯，類似報紙頭條那種開門見山的方式，我想可藉此提高學校的向心力吧!!

 

  在舊版網站中，其設置像是一種濃縮的系統，以最精簡的方式呈現，減少一些多餘的聯接與空間，以一個版面呈現學校資訊，但可能會產生資訊的傳播能力下降與使用者操作變為困難；而新網站則是以明確的資訊分類，並且將空間擴大，雖然不是以精簡的方式，但減少了使用者對於網站搜尋的時間。

 

在網站中，可設置人氣數，並提供讀者回應與使用者回報，已獲得讀者與使用者對於學校資訊與系統的看法，使校方能夠根據需求對網站做修改，相信持續提升網站的使用度與價值，畢竟東西好不好，只有使用者最知道；之後可放置一些連接，可將學校的資訊貼到其他網站，例如將大運會的資訊、活動演講的時間貼到大眾常使用的社群網站，不只提高宣傳效率，也增加了不少人氣。

---------以上為作者對於改善的一些建議與參考。--------

總結：

新網站。1.以擴大資訊的分類，並且分散以減少頁面的擁擠。

        2.網頁的設計，色彩配置與背景圖示，使網頁鮮明富

          含生氣。

        3.將部份熱門連結直接列出來，減少搜尋時間。

        4.學校資訊、新聞版面擴大使其明顯，提升大眾對學

          校的了解。

        5.將不必要的訊息以小圖示顯現。

舊網站。1.資訊聚集，有濃縮精簡呈現。

        2.學生內部系統，井然有序。

        3.請假系統非常方便。

        4.學習網站定時更新。

        5.復古。

可改進的地方：
新舊網站通有的問題

1.熱門連接的需求是否正確提供。
2.缺少月曆系統，宣傳每日學校活動等事項。
3.使用字體太小。
4.資訊傳播不夠明顯。
5.無回應系統。         

lab13

以速度來做比較，老實說google和firefox，我感覺不出來哪個比較快，好像差不多，

對我來說，firefox有一個地方我不太適應，就是"如要觀看這部影片，請先將您的 Adobe Flash Player 升級"。這在看影片時會要求安裝，對使用者會比較麻煩一點

lab 12

lab10.

lab10 連結點

lab 11

1.
http://ss9626260.blogspot.com/2011/03/homework-3.html?showComment=1300101278157#c1701543189074870230
2.
http://s9726223.blogspot.com/2011/03/hw3.html?showComment=1300101486414#c2298815566973596689
3.
http://s9726351.blogspot.com/2011/03/homework-3.html?showComment=1300101611971#c6052906493187978207
4.
http://9626232.blogspot.com/2011/03/homework-3.html?showComment=1300102097530#c3784853388074712719
5.
http://s9626113.blogspot.com/2011/03/homework3.html?showComment=1300102256129#c2615635872071315197

lab9

lab8

1.
http://s9826145.blogspot.com/2011/02/homework-2.html?showComment=1299501687884#c8960227580100117504

2.
http://linzero7.blogspot.com/2011/03/homework-2.html?showComment=1299502093748#c5483753286697515491

3.
http://s9626113.blogspot.com/2011/03/homework2.html?showComment=1299502323130#c8519677131214963837

4.
http://9626232.blogspot.com/2011/03/homework-2.html?showComment=1299502734969#c1512470054158174541

5.
http://s9526265.blogspot.com/2011/03/hw02.html?showComment=1299503253842#c1323861223908861772

lab 7

Homwork 2

1. 你有何策略可以針對網路大學排名四個要素提出改善本校排名之道?

             針對網頁的設計與系統來做修改，我想不只校外人士，就連中原的學生要找一些校內相關資訊時，可能需要花大半時間去摸索；或是常常在學校看到活動宣傳、宣導立牌以及廣告宣傳單等等多樣性質的實體傳播工具。

          本文就以校園活動為例。深入的思考一下，為何這些校園相關活動的資訊，卻沒有在學校網站上被極力的推廣以及公佈，或許有些確實有公佈，但是呢，卻很難被使用者發掘，這實在是很可惜。除此之外，每個中原的學生在每學期，學校都會給每個學生一本小冊子，裡頭是告訴你在什麼時候有什麼活動，總括了一整學期的活動表演，先不看這些印刷成本所消耗的費用，我認為這些東西應該是要放在學校網站上的，並且明顯的公佈出來，而不是那種((舉個例子: 我必須要從A選項進去再從B選項進去，然後再從C選項進入，還要從D選擇欄點入，最後再由E網頁進入，而得到我要的東西))極度攏長的東西，網路應該是搜尋快速的東西，怎麼卻比翻書還慢呢，並且是因為不知道往哪查詢。
我覺得學校中，有許多很不錯的活動以及表演，那些活動可看度超乎我們可想像，但我們卻不知道今天晚上將在學校裡上演。
        總結，我認為學校的網頁需要重新規劃並且明顯化，以增加使用者能夠很輕易的就能得到所要的資訊，可以設立活動資訊，並且以電子檔取代小冊子，但是記得要醒目，如果不明顯，放了也沒用。我相信中原所提供的資源，像是語言、藝術、表演以及講座，都是經過討論的決策，而投入資金，希望學生能夠不只吸收學科知識，也能充實人文素質；出發點是好的，但是宣傳工具，可能需要稍為改進。
   
    ps:在網路上，就算只是花1分鐘的時間，人也是會開始不耐煩的。

2. 你同意網路大學排名的四個指標嗎? 這樣的排名有意義嗎?
   
        2.不太同意，當大家非要用一個看得到的數據作為評論時，這有給人許許的安慰與明白，但若以偏概全，就似乎有點說不太過去，雖然大學主要還是講究學術，但仍有不少知識與品格需要在學習中培養，並這也是非常重要的一環。
        對於知識學術的高超與人文品格的良好，我想各位可以在報章雜誌上有所了解，這是不盡相同的東西；可知，既然對於品格教育的指標難以定論，有就只好在學術這塊領域上作為結論，此作法並無所訝異。所謂的意義，每人之見解不同，像是有人認為義氣比意義重要等等之類，但往往大家就為了意義而大吵大鬧，你來我往，導致一個互相比較與批評的惡性競爭當中，這樣的結果。似乎就沒有什麼意義了。

        總而言之，數據並非是無用的，當作參考是不錯的，就是不要太極度就是了。

Homework1

1. 最近埃及總統下台，網路傳播在這個事件扮演何種角色，請詳細論述。

這次的網路傳播扮演了一個類似革命的角色，因為每個人的一個支持，都是朔造出革命的推手，但不至於有生命的危險，使人們可以在事件中表達自我的意見。
早在資訊傳播不發達時，有些事情或許已經很發達了，像是官員貪污、人民的不滿，但到了現代，你走在路上，卻很少聽到這些事情
，難道是由於時代變遷，不僅科技進步、官不貪污，連人與人之間也充滿著和協，以致家和萬事興嗎？絕非如此，若處於一個極權國家，隨意亂開口可能導致生命被強迫終結，似乎是活在一個粉飾太平的地方。

在網路上，相較於在大街小巷大喊你的不滿，並且呼朋引伴遊行，更能提供你一個較為安全的地方，但心中的不滿與憤恨不會就這麼結束。資訊不斷連結，在此刻，彼此想法相同的人，會開始凝聚，他們不只來自己的鄰居，可能是世界另一頭的人群，也渴望民主的人群。網路的勢力日漸高漲，是在現實世界難以鑑別的，但在虛擬中的另一空間，已風起雲湧，在現實當中一個龐大的遊行不僅耗金錢與人力，又易摩損時間，若無持續的聲援與人民的加入，很容易失敗，並且很有可能受到嚴厲的制裁；網路，這虛擬卻可操之生死的地方，在支持者不斷響應當中，已點對點的串聯不斷興起，數萬條連結線集聚成一大平面，人民的信心不斷建立起來，一切似乎準備就緒，革命之勢將一觸即發。

雖為陌生人，但也渴望他們能夠成功，因為他們一旦成功，這就表示我們也可能成功。

世界高度注目，人群不斷加入，浩大的遊行，首先在網路中成形，之後於現實世界開始蔓延。

革命，開始。



2. 紐約時報董事長表示未來可能停止印刷發行，只留下網路發行。可能原因是甚麼?

由於資訊與科技日新月異，越來越多事物趨於新穎與快速。在這種環境下，報社當然首當其衝，面臨兩種主要問題，一個是客觀需求，令一則為與發生事件同步。相信大眾在閱覽報章時，並不會把報紙完整的吸收，而只是挑喜歡的吃，如此一般，一天所發生的事件不勝枚舉，又再加上地球村的關係、天涯若比鄰的緣故，上萬則新聞應該是理所當然的，但若是把所有新聞放進報紙，大眾買的就不將是一份報紙，而是一本報紙，相當於原文書的價錢也說不定。

    再者，縱使所有資訊以完整收錄其中，並且以發生時間、地點以及性質編排，大眾仍舊挑喜歡的吃，並且也不知從何吃起，但也希望自己能夠在日落前看完，以儲備體力看明天的新東西。所以客觀的需求其實很久以前就有了，只是大家當時並沒有意識到，而是延著新聞報章上走。所以既然無法滿足每個人的需求，那麼挑選什麼資訊作為報章上的新聞將變成格外的重要，但始終無法每個顧客的期望。

除此之外，即使有辦法達到客觀需求，但也絕不可能與事件同步，當一家報社印完大量的報紙，相隔新聞發生時間可能也過了十來小時，或是更多，在此之間可能有湧出更多的數據，並且其中有些可能是推翻我們剛印完那些報紙中的陳述或事實，對於讀者來說，這是昨天的事了。所以印報紙這種舉動，或許不久將跟報紙裡頭的資訊一樣成為歷史。

最後的網路發行不僅可以提升客觀的需求度，也能儘可能地趨於與事件同步。在一片無邊際的遼闊大地上，各位可以駕馭著自己的小老鼠，開往所喜好的地方，並且路不遠，只是一個螢幕的大小。現在身處於房間，電腦桌前的你，但卻可以開往世界的盡頭了。

3. 列舉Web 2.0 時代十大代表網站集團，Google, Facebook,...

圖片來源
http://lh6.ggpht.com/his90tw/RxLKr3KgjwI/AAAAAAAAAGA/FJi-UfCzvDE/s800/12.jpg

4. 你同意或不同意所列文章作者的看法? 為什麼? 電腦工作者思考如何提高生產力，降低預算，以及節能減碳

對於此商品可達到節能減碳，降低預算，其實是有道理的，但是從別的角度來看，為了研發，其過程想必是沒有節能減碳的方法，並且大眾是否真的買賬，因人而異。
而對於節能減碳，我認為別一直說會節能減碳，若其消耗成本(包括環境的損害)與使用後的消耗資源小於現今我們所使用的，這樣才能算是節能減碳吧。

lab5.

lab 4

1.連結一
http://s9826145.blogspot.com/2011/02/blog-post.html?showComment=1298291246498#c9099160890745635145
2.連結二

http://s9726252.blogspot.com/2011/02/1.html?showComment=1298291962607#c1231915699385685041

3.連結三
http://s9726324.blogspot.com/2011/02/hw1.html?showComment=1298292491028#c3316890536626645072

4.連結四
http://s9726305.blogspot.com/2011/02/homework-1.html?showComment=1298292791055#c8109474663566112111

5.連結五
http://s9726223.blogspot.com/2011/02/homework1.html?showComment=1298293143835#c8010299473185982335

lab 3

檢視較大的地圖