Lab Drag-and-Drop by AJAX

1. Go to Laszlo
2. Study and play around the "drag-and-drop" example.
3. Use this method to control music playing of the song "Where to begin".
4. Add the song to the program.
5. Change the photo to the CD title.
6. If you drag and drop the photo to the "play" area, the music plays.
7. If you drap and drop the photo to the "pause" area, the music pauses.

Lab Movie Player by AJAX

1. Go to Laszlo
2. Study and play around the "scripting" and "video" examples.
3. Use this script to control movie playing.
4. If you push the "pause" button, the movie pauses.
5. If you push the "resume" button, the movie resumes.


程式碼&結果：

三創競賽觀後感 (2)

電子三丙 9326332 黃信熾

1.s9226219的blog


2.涼麵之BLOG


3.順ㄍ的blog


以上點選進去後就可以直接進入到部落格的文章了!!

三創競賽觀後感

今天三創競賽的博覽會
裡頭內容豐富萬千
看到許多同學發明的心血
這也正好配合學校一直秉持著三創的教育精神
我認為這是一個很好的活動
我有參觀的十來個攤位裡頭
一開始印象最深刻的是造訪第四個攤位的樣子
那攤位是主題是”要 要 要 鑰匙”
裡頭有三種發明的樣式
一開始沒聽解說時會覺得這東西是什麼？能用嗎？
結果聽了解說之後
內心覺得這是一個很東西且實用
把我們生活中會遇到鑰匙一堆的困擾
在那發明下問題化簡大半以上
因為又有分(1)一般家用(2)租屋用(3)上班族業務用的保管鑰匙的收納物品
我是覺得這個概念真的很棒
雖然不是很豪華的發明
但是卻超實用
如果有廠商贊助做更精密的研發
我想那個整體上的質感會更趨於完美與完善
我想這一個是我給它在創意上第一名，也很實用。

接下來造訪的攤位中還有一個是我也覺得很棒的
那攤位名稱是”實境導航 有障無礙”
這一個攤位我是把他歸類在科技面的應用
算是超越GPS的技術吧
使用現在熱門的Wi-Fi無線上網技術
看到展場人員Demo，我覺得是不錯的
讓人民在使用時可以更人性化、更方便，而且又是真的實境的引導
我覺得這個技術只差一個那個code圖要推展開來
如果這個能蓬勃推展後
我想會是讓這整個社會更進步的!!


以上是我的感想~~
以上那兩個攤位是我覺得都是第一名的表現!!

Lab DOM and JavaScript

1. Open NVu
2. Based on the code as in http://www.scottandrew.com/weblog/articles/dom_4 ,
write a code to generate the table of 9*9 products. (九九乘法表)










Hint: The javascript code should be enclosed by script tags.

Lab Create Img using DOM

1. Open Nvu

2. Hand code a javascript that loads an image from Internet based on
the DOM model.



3. Use window.onload to load the image.

4. Use a button to load the image. Try how onclick works.





Hint: The javascript code should be enclosed by script tags.
Reference: DOM (Document Object Model)

Homework 5-18-2007

1. 根據FIND網路脈動 ，企業於Web2.0的使用上，仍緩步前進，這份報告已歸納哪些原因？你認為應該還有哪些原因？

(I)
(a)公司的資訊放在更透明化的地方，是經營管理者所擔憂的重點。
(b)職員在網路上討論公司事務，會使公司名聲陷入某種風險。
(c)缺乏部落格或其他社群媒介工具相關的指導守則或是政策，不知道該如何應付那些與公眾面對面的溝通模式


(II)
(a)公司管理對外公開的部落格（public blog）的困難，公司職員多的關係吧，發表文章或留言的數量應該不會是小數目。

(b)員工爆料、抱怨公司制度等情況發生，畢竟這是公司對外公開的部落格，不管最後事實真假對公司形象都會有所傷害。

(c)員工平常下班後都是身心疲憊，對於大多數人而言都是想放鬆，如看電視、泡茶等休閒或是休息，要再額外花時間去經營公司對外公開的部落格，可能不是那麼容易。



2. 閱讀兩篇有關網站行銷效益評估的論文，撰寫500字到1000字心得。

台灣是海島國家，又有許多風景勝地、國家公園、原住民文化等等

認真算起來，真的有很多可以當作觀光景點

那我想觀光產業我們台灣值得好好發展的方向

因為就如一開頭提到的，

台灣有很多風景勝地、多元化的人文景觀

發展觀光業可以讓全世界認識台灣或知道台灣

增加台灣在國際上的能見度

然而現在網路已經是許多人每天都會接觸的工具

要在網路上取得資訊是多麼容易

只要使用搜尋引擎，就有上萬筆、數十萬筆的資料甚至上百萬筆的資料

但是很少是從政府方面獲得

可能是政府的相關網站點閱率也是不及一些重要的入口網站

再加上政府的網站引起人民的興趣不及那些重要的入口網站

所以宣傳效果常常都是大打折扣

等於說錢花了，但無法收到等值的回收

一切就是很可惜，但我相信政府都是用心的

或許方法沒想的很周全吧

例如:報稅季節。雖然政府有在做宣傳，但也都是以電視宣傳為主，自強號車上的跑馬燈也會有，但是效果就還是那樣，知道這消息的市場人數還是那樣，成長幅度不會太大

不過我知道本校資管系有跟桃園縣政府合作推銷桃縣的農產品，就本校資管系負責架構網頁這方面，用網路的便捷性、全球性，推銷出去

那合作結果下來，效果也不錯

我想這就是一個不錯的例子，用網路這工具推銷、宣傳自己的產品

是可以參考的例子！

Lab Form and Action, Part II

Hand code a 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.

Lab Form and Action

"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 Nvu HTML editor.

3. Open a new empty HTML file.

4. Paste the search box into this new file.

5. Use Nvu 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. Run your HTML by Firefox. What do you get?







8. Set method as "post"



9. Run your HTML by Firefox. What do you get?

Homework 5-11-2007: XSLT Part II

1. Given the RSS of Yam News, write an XSLT file
and use Xray to generate an HTML that contains the titles of items in the RSS.







2. View the formatted HTML file.

Lab XSLT

1. Register and Download Xray, an XML, XSLT editor and processor.



2. Given the the XML file and XSLT file ,
use Xray to do the transformation of the XML into HTML.
You have to replace [ with <.








3. View the formatted HTML file.

Homework 5-4-2007

1. Do
Lab: Webpage Accessibility, Part II



2. Do
Lab: Valiadating PageRank

我認為兩者是呈正相關的關係，因為是推薦或得獎的網站，也就是這個原因有人推薦或是得獎，其指名度與權威性夠，所以PageRank分數高。

5-4-2007: Lab Webpage Accessibility

Use Nvu to edit the following homepage
at http://maplepoem.blogspot.com/2005/03/blog-post_111070085865304732.html

1. You can copy and paste the content to your Nvu.

2. Take a look at the HTML 標籤, HTML 原始碼

3. Save your editings and preview your webpage using Firefox

4. Create a clickable link at the term 中原大學 so that
this link goes to http://www.cycu.edu.tw



5. Make the webpage accessible by
(1) adding ALT text to the images and
(2) adding a title to the URL link at Step 4.

Homework 4-13-2007

Read the paper Experiences of Adopting In-class Blogs in the Teaching of Hands-on Computer Laboratory Courses.


我覺得利用網路blog教學是很好的的一個方法，打破以前傳統制式的教學模式，老師可以對每個同學的學習狀況做比較多的了解，也能對個別學生做學習進度的掌控與了解，就類似像現在老師授課的情形吧。課堂中，老師先花一些時間講解課程內容，接著就給學生做實做，如剛剛所提及的，老師就可以立即了解學生對於剛剛的講解還有哪邊有困惑的，再作補充，所以師生之間互動增加了，而且還可以直接一對一互動，這也是跟傳統教學以老師講授為主的教學有很大的差別，那同學之間也可以觀摩彼此的作品，就在這之間，或許新的想法就在腦裡而生，在現今這社會，網路教學是很重要的，雖然目前還不是主流，但其成長很明顯，然而用網路blog教學是蠻方便的，blog操作介面容易，可以在網頁上張貼文章、上傳圖片、設定自己喜歡的格式等等，即使是不熟悉電腦的使用者，也可以很快就上手，我認為把blog平台用在教學上是一個很好的想法，讓大多數人因此受益，因為不用舟車勞頓的跑去很遠的地方上課了！

Lab 14: Accessibility by GreaseMonkey

1.Google Search Keys Numbers the results in a Google search page and you can type the corresponding number to follow the link. Updated: 2005-04-26. more




2.Google Access Keys Enables navigation through Google search results using ALT-"," and ALT-".". more
Google Accesskeys Mod

Enables navigation through google search results using 'Alt + Shift + y' and 'Alt + Shift + x' (Opera 'Shift + Esc + y' and 'Shift + Esc + x').

Enables navigation through google search results using 'Alt + Shift + y' and 'Alt + Shift + x' (Opera 'Shift + Esc + y' and 'Shift + Esc + x').

Based on the great Google Accesskeys script by Phil Wilson.







3.AccessBar: displays defined accesskeys in a fixed-position bar along the bottom of the window. Added 2005-04-01 (not a joke). Find how many access keys have been defined at www.ocac.gov.tw www.epa.gov.tw

Enables navigation through google search results using 'Alt + Shift + y' and 'Alt + Shift + x' (Opera 'Shift + Esc + y' and 'Shift + Esc + x').

Enables navigation through google search results using 'Alt + Shift + y' and 'Alt + Shift + x' (Opera 'Shift + Esc + y' and 'Shift + Esc + x').

Based on the great Google Accesskeys script by Phil Wilson.






4.Continued from 3, use google to find 3 more government sites in Taiwan that enable access keys.

1.http://www.gov.tw/



2.http://www.cpa.gov.tw/



3.http://www.doh.gov.tw/cht2006/index_populace.aspx

Lab 13: Clean Language

1. Save the JavaScript file of Clean Language to your desktop. Make changes to the script with self-defined bad words. To do this, save the JavaScript on your desk top. Use Notepad editor to make changes. Install the modified script as Greasemonkey.






2. Use Google to search webpages that contains some bad words.






3. Try whether the filtering take effects.