網際網路應用: 2007

2007年6月22日星期五

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.

程式碼：

結果：

2007年6月15日星期五

Ajax

2007年6月1日星期五

觀後感

本人姓名: 林鉦凱

http://s9226256.blogspot.com/2007/06/blog-post.html

http://onondessuu-037-cheng.blogspot.com/2007/05/blog-post.html

http://s9326227.blogspot.com/2007/06/blog-post.html

三創競賽觀後感

現場大致分為兩種 , 一種為技術層面的 , 另一種為生活層面的.技術層面的大抵是建立在發明者的專業背景之下 , 來解決生活中的不便 . 例如模型車導航回報 , 作者結合其電子通訊方面的專長 , 利用手邊可取得的資源 , 做出遙控 , 並監測等以往認為只在外星球探勘才有的功能 . 技術層面或許不是人人可以輕鬆做到 , 然而另一方面"其他類" 也就是我所說的生活層面的創意 . 像是結合牙刷及牙膏的發明 , 或許你我在都曾想過這問題 , 但我們卻沒有實際動手去解決這生活中的不便利 . 創意 , 不是一般大眾所想像的這麼困難 . 或許當你在遇到生活中的不便時 , 停下你的腳步 , 細細的思考解決方案 , 下一個生活創意王 . 可能就是你喔!

"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.

程式碼

9*9結果

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.

2007年5月25日星期五

"Homework 5-18-2007"

1.
把公司或個人的資訊放在一個透明化的地方，是經營管理者所擔憂的，又若職員在網路上討論公司事務，會使公司名聲陷入某種風險，且需要嚴密的配套措施及時間才能徹底施行。

缺乏部落格或其他社群媒介工具相關的指導守則或是政策，不知道該如何應付那些與公眾面對面的溝通模式。

2.
到現在才知道使用了那麼久的搜尋引擎其搜尋結果是根據"PageRank "的高低來做排序的，而 "PageRank "的數值又是根據網站的「權威性」與「指名度」來評分的，故網站序分越高的排在搜尋結果越前面，更能快速找到想要的搜尋結果，另外有些時候我們不難發現有時我們想要的搜尋結果要在好幾頁後才發現它的蹤跡，那就表示還是有些好的網站仍然沒有好的序分，因此雖然有心要好好經營網站，但卻在行銷這方面做的不理想，那麼就這麼埋沒了一個好網站豈不可惜，因此既然有心經營網站就要好好的把它給推銷出去，讓各網站能連結至此，自然而然地網站序分就會提高，網站序分一高那麼就會有更多人知道這個網站，才不會讓一個好網站就此讓人們給遺忘掉。至於行銷手法則不必以商業為目的，也不必要砸大錢下去，其實可以透過部落格的方式來達到行銷的目的，網路無遠佛界相信好的東西必為大家所傳送，總之好網站就是要透過行銷手法讓大家知道，只是要用對的行銷手法。不管如何,網站行銷的重要性隨著e化時代的來臨而逐漸攀升,要在這競爭激烈的環境下生存,就必須懂的善用身邊有利的工具,來面對生存的挑戰。所以網際網路的認識與學習實在不容忽視。

Lab Form and Action, Part II

2007年5月18日星期五

"Lab Form and Action"

先將網頁複製進NVU , 然後在FORM中打入WWW.GOOGLE.COM , 最後將此網頁存檔

即可動作

2007年5月11日星期五

Lab XML

將兩個程式打入XML編輯器即可..

5/4 HW

1.
修改之後

2.
將兩份資料閱讀之後，發現兩者有一定程度的關係，
受到他人推薦的網站，自然指名度夠，所以PageRank分數高！

2007年5月4日星期五

Blog

由於Blog的方便性，更新迅速的特性，加上上手門檻低，使得Blog發展成一個全方位且影響人類生活的工具。論文中提到的教學互動，便是將其發揮的淋漓盡致，架站的方便性使得人人都可以將其所長授之於他人，並且網路的無遠弗屆使得其流通性大增，另一方面也減少人類的紙張資源消耗! 感覺跟大前所提出的eBook(電子書包)的前瞻性，有不謀而合的感覺

2007年4月13日星期五

HW 3/30

1. At Firefox installed with Greasemonkey, install the Simplified-to-Traditional character conversion tool Lab Tongwen.

安裝No.2新同文堂0.2.9.7

按下滑鼠右鍵,就可以選取"同文堂",在選擇其中的"網頁:轉繁體"

網頁中的中文就可以正簡互換了

2.Briefly describe the following Google business models
Search Engine
Google 的搜尋技術，使用關鍵字或交叉搜尋技術，還有PageRank網頁排行專利技術，可以將最重要的網頁排在查詢結果的最前面。此搜尋引擎還分類為是圖還是文，普通搜尋還是用在學術上的。基本搜尋、進階、偏好等選擇更助於使用者精確的找尋自己所需的資料,更快更方便。

Sponsorship(Paid listing)
贊助廠商，例如放廣告的廠商,以網站實際被點選次數計費

AdWords/–AdSense (business stream for news, blog)

AdWords 文字　依據內容點選次數自助式加盟

AdSense 圖像依據版位曝光次數廣告代理商

3. Check into the government-sponsored web accessibility website.
At 94年度座談及研習會資料-> 無障礙網路空間建置理念與實務(Pdf檔 / 488Kb), download the
presentation materials. Why do you think web accessibility is useful?

網路為資訊流通創造無限的可能，而因為人個別的差異可能使其受阻,例如身心障礙者受限於視力、聽力、活動力或認知能力，上網恐怕要比一般人多了更多的不便與困難。因此，為了使身心障礙者跨越這道障礙，而創造無障礙網路空間，便是以以方便行善概念為設計基礎，降低網路應用的困難與挫折，增加生活資訊流通與應用的機會,使全民都能享有便利的網路來活化生活，讓每個人擁有全方位的生活環境，從「無障礙空間」到「無障礙網路空間」，共同打造一個全民溝通更便利的無障礙環境，促使生活品質提昇。

2007年3月30日星期五

Lab12

右上角為download center

老師的Blog並無曲奇

Clean Language

清除"Lab "

下載下來的Script先使用記事本開啟,再下方的 badword欄列中,新增自己想檔下的字,最後再將此檔案改為火狐開啟,便可安裝此Script

p.s在 el.childNodes[j].textContent=el.childNodes[j].textContent.replace(bw, '***');此行中

更改***,便可達成自訂顯示badword的替換字

Technorati

Scobleizer - Tech Geek Blogger

Rank: 257 (5,603 links from 2,512 blogs)
URL: http://scobleizer.wordpress.com
Updated: 3 days ago

Techcrunch

Rank: 9 (68,503 links from 17,235 blogs)
URL: http://www.techcrunch.com
Updated: Moments ago

117,340 links to this URL sorted b

Reflection

858 links to this URL sorted by

Java

57 links to this URL sorted by

PageRank

紐約時代雜誌 9
CNN 9
yahoo.tw 7
yam 7
pchome shopping 6
Monday 5

自己的部落格 http://www.wretch.cc/blog/zelda910097 2分
dvworld 4
dcview 4

Skype

通話對象：中原大學同學
頻寬；FTTB 10M/2M

說話一切順暢,非常的及時,還在一旁使用真實電話測試,幾乎分秒不差!
p.s 事前就有使用,很明顯的比msn要求頻寬小

2007年3月17日星期六

LAB9

Lab8

http://docs.google.com/Doc?id=dd4h2x5w_1s68hdd

LAB7

RSS

YAM.COM
http://news.yam.com/RSS/Rss_all.xml
中時
http://rss.chinatimes.com/rss/focusing.rss
NY TIME
http://graphics8.nytimes.com/services/xml/rss/nyt/HomePage.xml

2007年3月16日星期五

HW 3/9

一、心得

這場Mac World，不免俗的說明一下去年該公司一個重大的決策，使用Intel的Cpu並可以使用Win系統，進一步提起iTune這<合法>音樂下載軟體的使用狀況，非外界所傳的經營不善。再來這場發表會的重頭戲，正式命名外界所臆測的iTV為-->Apple TV，以及整合多項功能的iPhone。

前面的老生常談便不多評論，這次蘋果發表會讓我們眼睛一亮的新產品"Apple TV"及"iPhone"。
從iTune 在音樂方面的成功，不難看出蘋果下一步的野心，影音！是的，如果微軟整合Media player 11和其另一產品Xbox 360影音的交流(by 區域網路)及xbox 360線上電影交流的平台。而蘋果更是將其發揚光大，720p 解析度的影像輸出，對應未來HD的趨勢並內建 40GB 硬碟，且支援 802.11b/g/n，Intel 處理器，以外國無線網路的普及，我可以輕易的和我的鄰居交流我電腦中的照片或影音！(台灣...這網路環境= = )

最後便是佔這次發表會1/3時間的產品"iPhone"，不難看出Apple對這產品的信心及重視。承接著iPOD完美的外表及電話功能，以及良好的操控介面，我們會想到什麼？iPhone！這次蘋果主打的訴求也是如此，對於iPOD的功能及外表不外加累述(喜好見仁見智，至少以市場來看，是很成功的商品)。而電話功能更是大家都知道的，我們來講講iPHONE跟其他電話最大的不同吧！蘋果先說出重話，指出在手機功能不斷充實的現今，一台手機的互動介面少不了鍵盤，然而當有新的功能，意味著互動介面將更加複雜(我將其解讀為鍵盤的擴大)。而這次蘋果將其介面改為觸控面板，還特別強調其新技術Multi-Touch…(這就讓時間以及市場驗證其是否可以成為下一個iPOD吧)。另外最特別的iPhone 可以執行 Mac OS X！我們可以試想在以上所述在另外加上一個PDA功能吧！

這次蘋果所瞄準的影音市場，更進一步的整合電腦、手機多個不同面向的東西，使得未來的生活將更加寬廣，我已經等不及在未來無線網路更加發達的世界，可以輕鬆的在遠離自己的電腦的地方，利用手機Wifi功能將電腦中的東西在手機上展示給朋友看！當無線網路普及時，我想整合這些功能的iPhone將會使網路世界推上更新的一個層次！

二、課本問題

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

靜態網頁，意指客戶端單方面的接受伺服器的資訊，而沒有任何互動的機制，反之為一動態網頁。我們可以回想過去使用網路的經驗，有沒有在線上購物？有沒有在網路上訂車票？因此一個缺少CGI機制的網頁，伺服器最多只能提供給客戶端資訊，無法提供更進一步的互動服務，這也是CGI機制重要的所在

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

CGI，Common Gateway Interface，負責WWW及CGI程式傳送、接收資料。上題所定義的動態網頁，便是客戶端可以將自己的某些需求傳送給伺服器，而伺服器進一步回傳客戶端所需要的資訊。使得網頁是雙向的，因此稱之為動態網頁。

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

不用。CGI為一聯結外部程式的介面，而非一語言。因此使用其他瀏覽器也可以將客戶端的資料送給伺服器

2007年3月9日星期五

embed

1.同上增加Label方法
2.選擇新增 JavaScript這項Label
3.將網頁中video code 複製貼上 . Or 自行使用"embed" 將自己想要的影片連結進來

網頁上要撥放媒體檔(wmv,mp3,rm ...之類的)還蠻簡單的，只要加一個embed tag.
這個tag 有幾個屬性需要指定。

1.寬高 width=[value] height=[value]

2.指定要撥放的多媒體檔網址 url => [url]http://../test.wmv[/url]

3.是否讓使用者在一進網頁就開始撥放
autostart=true =>要
autostart=false =>不要

4.要不要重播檔案 ?
loop=1 =>重播一次 (2 =>兩次...)
loop=-1 =>不斷重播

5.決定是否要顯示控制bar，就是撥放/停止/快轉的按鈕..
hidden=true =>隱藏
hidden=false =>不隱藏