2008年10月27日 星期一

Lab: More on HTML

Headings
1. Copy and paste the Headings example athttp://www.w3schools.com/html/html_primary.asp
2. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
3. What kind of effects can you see?

Lists
4. Copy and paste the Headings example athttp://www.w3schools.com/html/html_lists.asp
5. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
6. What kind of effects can you see?

Lab: HTML

Preparation

1. Using Microsoft Notepad, Copy and paste the HTML example atIntroduction to HTML
2. Save the file as myfile.html
3. Open the file using Firefox.

New editor
4. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
5. Copy and paste the HTML example at Introduction to HTML
6. Verify your results on the screen.


3.


6.

Lab: 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.
  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 atwww.ocac.gov.tw www.epa.gov.tw
  4. Continued from 3, use google to find 3 more government sites in Taiwan that enable access keys.
Reference: Dive into Greasemonkey by Mark Pilgrim (free download)
http://dia.z6i.org/ (中文)


1.
2.
3.
www.ocac.gov.tw
www.epa.gov.tw
4.
www.gov.tw
http://www.tycg.gov.tw/main/main_index.aspx
http://www.longtan.gov.tw/index.aspx

Lab: Tongwen

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

Lab Tongwen 同文堂

1. Go to Firefox Top 15 downloads
2. Install Tongwen
3. Visit Sina.cn
4. Convert Simplified Chinese into Traditional Chinese


可使用的下載連結:http://forum.moztw.org/download.php/7231/files/tongwen_0.3.9.1_319.xpi 


翻譯前
 翻譯後

Homework 10-20-2008

1. 參考 PageRank-Google 決定搜尋排名的關鍵技術
以及Google.com 網站的官方解釋,簡要說明PageRank原理。

2. Essay Writing on Google Docs (>500 Words)

參考新蘇格蘭遊記,撰寫一篇你自己的秋日遊記。Use text, Google Maps, Photos, etc. as you like.
Invite your friends to write comments.

3. 關於你前ㄧ次散文作品,經過一個月之後你得到多少篇回應? 其中多少贊同,多少異議,多少具有實質內容?
1.Google的網路搜尋利用了超連結的方式,記錄了大大小小的網頁資訊,當然Google也提供了無法使Google爬蟲取得網頁資料的方式。在記錄的過程當中,Google會把頁與頁間的連結記錄下來,透過伺服器的分析處裡,若此網頁或網站有越多的連結指向它,代表此網頁的重要性也比較高,所以PageRank的數值就會比較高,或是PageRank值高的網站所給的連結也會比一般網頁給的連結數值還高。這是Google用來判斷網頁重要性的參考依據。

2.秋天是有去自行車環島,但是都還沒完工啦......因為不想遺漏小細節,所以就抱歉沒分享了XD

3.目前還是沒有回應。

2008年10月23日 星期四

Chap5-2:成績計算(更新)

成績處理作業
試利用結構設計一程式,可輸入全班同學(5人)的成績(英文、數學、國文) ,並計算出平均成績。
程式需要可按照需求以不同科目為索引,由大至小排列學生成績績。

提示:結構欄位中應有學號欄位,其餘自定

------------------------------------------------<程式開頭>--------------------------------------
//電子三乙9526215吳國志

#include <iostream>
#include <iomanip>
using namespace std;

//宣告學生儲存的學號ID、英文成績en、數學成績ma、國文成績ch以及平均av
struct student
{
    int ID[6];
    float en[6], ma[6], ch[6], av[6];
}IN, out;//宣告輸入IN以及輸出out的儲存位置


//宣告副程式:氣泡排序法
void change(int);
//宣告副程式:輸出排序結果
void print(int);


int main()
{
    int p=5;//人數(矩陣上限為5人)
    int i=0, j=0, f=0;
   
    //輸入成績
    cout<<"成績計算系統\n請輸入"<<p<<"位同學學號(數字)、英文、數學、國文成績\n";
    for(i=0;i<p;i++)
    {
        cout<<"\n請輸入第"<<i+1<<"位同學學號\n";
        cin>>IN.ID[i];
        cout<<"\n英文成績";
        cin>>IN.en[i];
        cout<<"\n數學成績";
        cin>>IN.ma[i];
        cout<<"\n國文成績";
        cin>>IN.ch[i];
        IN.av[i]=(IN.en[i]+IN.ma[i]+IN.ch[i])/3;
    }
   
    //將輸入值傳給輸出用的儲存位置
    for(i=0;i<p;i++)
    {
        out.ID[i]=IN.ID[i];
        out.en[i]=IN.en[i];
        out.ma[i]=IN.ma[i];
        out.ch[i]=IN.ch[i];
        out.av[i]=IN.av[i];
    }
   
    cout<<"\n【成績排行榜】\n";
    while(f!=6)
    {
        cout<<"選擇排行依據(輸入數字)\n1.以學號\n2.以英文分數\n3.以數學分數\n4.以國文分數\n5.以平均\n6.離開\n\n"<<"請輸入功能項目:";
        cin>>f;
       
        //排序判斷程式  
        switch (f) {
                //以學號成績排序(直接輸出)  
            case 1:
                for(j=0;j<p;j++)
                {
                    for(i=0;i<p;i++)
                    {              
                        if((out.ID[i]>out.ID[i+1]) && (out.ID[i+1]!=0))
                            change(i);
                    }
                }
                cout<<"\n以學號來排序\n";
                print(p);
                break;
               
                //以英文成績排序  
            case 2:
                for(j=0;j<p;j++)
                {
                    for(i=0;i<p;i++)
                    {              
                        if(out.en[i]<out.en[i+1])
                            change(i);
                    }
                }
                cout<<"\n以英文分數來排序\n";
                print(p);
                break;
               
                //以數學成績排序  
            case 3:
                for(j=0;j<p;j++)
                {
                    for(i=0;i<p;i++)
                    {
                        if(out.ma[i]<out.ma[i+1])
                            change(i);
                    }
                }
                cout<<"\n以數學分數來排序\n";
                print(p);
                break;
               
                //以國文成績排序
            case 4:
                for(j=0;j<p;j++)
                {
                    for(i=0;i<p;i++)
                    {
                        if(out.ch[i]<out.ch[i+1])
                            change(i);
                    }
                }
                cout<<"\n以國文分數來排序\n";
                print(p);
                break;
               
                //以平均排序  
            case 5:
                for(j=0;j<p;j++)
                {
                    for(i=0;i<p;i++)
                    {
                        if(out.av[i]<out.av[i+1])
                            change(i);
                    }
                }
                cout<<"\n以平均分數來排序\n";
                print(p);
                break;
               
            default:
                break;
        }
        if(f>6 || f<1)
            cout<<"輸入錯誤請重新輸入\n\n";
    }
   
    return 0;
}



//副程式:氣泡排序法
void change(int a)
{   
    int x;
    float y;   
    y=out.av[a], out.av[a]=out.av[a+1], out.av[a+1]=y;
    y=out.en[a], out.en[a]=out.en[a+1], out.en[a+1]=y;
    y=out.ma[a], out.ma[a]=out.ma[a+1], out.ma[a+1]=y;
    y=out.ch[a], out.ch[a]=out.ch[a+1], out.ch[a+1]=y;
    x=out.ID[a], out.ID[a]=out.ID[a+1], out.ID[a+1]=x;       
}

//副程式:輸出排序結果
void print(int p)
{  
    cout<<"排名\t學號\t英文\t數學\t國文\t平均\n";   
    for(int i=0;i<p;i++)
        cout<<i+1<<".\t"<<setw(5)<<out.ID[i]<<"\t"<<setw(5)<<out.en[i]<<"\t"<<setw(5)<<out.ma[i]<<"\t"<<setw(5)<<out.ch[i]<<"\t"<<setw(5)<<out.av[i]<<"\n";
    cout<<endl;
}
------------------------------------------------<程式結尾>--------------------------------------

程式執行畫面

Chap5-1:矩陣計算

矩陣運算(3*2)
設計一程式可計算M×N與N×M矩陣的乘積(設M = 3,N = 4)
提示:設矩陣A、B、C C = A×B

------------------------------------------------<程式起始>--------------------------------------
#include <iostream>
#include <iomanip>
using namespace std;

int main()
{
    int i=0, j=0;//宣告控制變數
    int A[3][4]={0},B[4][3]={0},C[3][3]={0};//宣告矩陣
    cout<<"矩陣運算程式(3*4)*(4*3)\n輸入方式請由左至右由上至下\n";//程式運作宣告
    cout<<"請輸入矩陣A的數值\n";//輸入
    for (i=0;i<3;i++)
    {
        for (j=0;j<4;j++)
            cin>>A[i][j];
    }
    cout<<"你輸入的矩陣A為\n";//驗證輸入
    for(i=0;i<3;i++)
    {
        for(j=0;j<4;j++)
            cout<<setw(4)<<A[i][j];
        cout<<endl;
    }
   
    cout<<"\n請輸入矩陣B的數值\n";//輸入
    for (i=0;i<4;i++)
    {
        for (j=0;j<3;j++)
            cin>>B[i][j];
    }
   
        cout<<"你輸入的矩陣B為\n";//驗證輸入
    for(i=0;i<4;i++)
    {
        for(j=0;j<3;j++)
            cout<<setw(4)<<B[i][j];
        cout<<endl;
    }
   
    //計算程式碼
    for (i=0;i<3;i++)
    {
        for(j=0;j<3;j++)
        {
            for(int k=0;k<4;k++)
                C[i][j]+=A[i][k]*B[k][j];
        }
    }
           
    cout<<"\n運算結果為\n";//運算輸出
    for(i=0;i<3;i++)
    {
        for(j=0;j<3;j++)
            cout<<setw(4)<<C[i][j];
        cout<<endl;
    }
       
    return 0;
}
------------------------------------------------<程式結尾>--------------------------------------

程式執行畫面

2008年10月20日 星期一

Lab: 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.

Lab: Greasemonkey

  1. Install Greasemonkey 0.8. Check the lower right corner of your Firefox and you should find a monkey at the right. Note that you must run the

  2. Cookie Monster - Show cookie contents: Shows the contents of the current page cookie. Just mouse over the "Cookie" text on the bottom left. Check what cookies http://www.nytimes.com writes to you. Does our class blog use cookie or not? Does Google use cookie?
  3. You can turn off Greasemonkey by clicking on the monkey face at the URL bar of Firefox. Click again to activate Greasemonkey.
  4. Install Web Developer Toolbar to examine cookies.
1.
 
2.檢視方式為看網頁左下角是否有顯示
 
有Cookie 
沒有Cookie

 Google
 有Cookie

3.

4.

Lab: Web Pageranking

在Firefox上安裝 PageRank , 然後使用 PageRank 量測以下網站的 PageRank (0~10分)

紐約時報 http://www.nytimes.com
CNN http://www.cnn.com/
張老師個人部落格


接著,以PageRank量測你常用的三個網站。

參考資料:
PageRank 介紹
PageRank 的論文
Google 廣告獲利模式
紐約時報為9
 
CNN為9 
  
老師的Blog為1 
  
Engadget 中文版為4
 
FAIL Blog為6 
 
自己的Blog為2

2008年10月6日 星期一

Homework 10/06/2008

1. 請閱讀數篇其他同學的部落格(上次作業第一題),選擇其中三位同學在她(他)的部落格上,針對其散文給予評語或建議。

2. 關於你的散文作品,你得到多少篇回應? 其中多少贊同,多少異議,多少缺乏實質內容(灌水,你好帥之類)? 這些回應對你有幫助嗎?

3. 部落格是一種社會媒體,根據What is social media?ㄧ文,比較社會媒體與其他媒體之不同。

4. 網站提供 RSS 內容餵送(feed) 有何好處?

5. Firefox 與 IE 市佔率如何? Browser market share

6. 比較個人化入口網,與常見商業入口網的差別。例如廣告,內容,應用,服務,個人化程度等等各方面的比較。
7. Comment on the article Serious potential in Google's Browser


1.我留言於:張同學曾同學王同學
2.目前沒有人回應,所以不便評論是否有幫助。
3.一般媒體是經過一群專業的從事人員經過篩選之後,所傳達出來的訊息,所使用的管道以電視、報紙等方式。而社會媒體是個人為出發點,每個人得到新知消化後發文,再經過訂閱串連,大家就知道新的資訊。而且社會媒體比較集中,簡單來說就是訂閱者一定是訂閱自己所喜愛的事物,所以有同好大家討論分享的力量,比一般傳媒單方提供資訊還來得好。所以也產生了SNS社交網路服務,將相同嗜好的朋友集結起來,所傳達出來的資訊經過大家檢視,會比較客觀。
4.方便閱讀人取得新資訊,省時省力。
5.wait...
6.wait...
7. wait...

Lab: Chrome

Install Google Browser Google Chrome and Firefox 3.0, try a few websites and compare their performance. For example, youtube, blogspot, msn, and yahoo.

Google Chrome V.S. Firefox 3
速度:覺得差不多
分頁功能:大同小異
使用平台:目前Firefox勝(Windows/Linux/Mac OS X)、Google Chrome(Windows,未來會有其他的)
無痕瀏覽:Google Chrome好像做得比較容易上手
第三方套件: Firefox勝(Google Chrome才剛出哪來的東西......
是否有Google工具列:Firefox勝(奇怪,Google自家的東西為何不一起推出勒@@悶...) 
書籤功能:全敗北,因為線上書籤比瀏覽器書籤來得實用


我覺得目前來作比較都還算太早
因為Google Chrome才剛推出
Firefox都出到3了
後端的資源早已完備
總之
良性的競爭受惠的是使用者
大家一起來迎接美好的網際網路生活吧!

Lab: Google Docs


1. Go to Google Docs. Google Docs lets you write Word documents through an online web service.
2. Start writing.
3. Publish the Word document.
4. What's the URL of your document.
5. Add the Google Docs to your personal portal. At the portal page, you should be able to see the active documents.
6. Save your document as .doc and .pdf, the two common formats for documents.

Hint: This is a sample Word document.

News coverage:
Google “Docs & Spreadsheets” Launches ,Oct 2006

2. 編輯文件

3.發佈文件


4.文件URL(請參閱連結區)
5.
 
6.下載
 
Google文件提供了
比擬MS Office的Word、Excel、PowerPoint這三套軟體的功能
分別為文件、試算表、簡報
這三套網路上使用的文書軟體功能已經符合大多數使用者所需之功能需求
而比使用Office更好的地方是"共用"
你可以與朋友、同學等共用文件、編輯或閱覽
文件本身會把每一次的更動作儲存
讓使用者不必擔心因為網路出狀況等問題
或是共用者的編輯
造成內容的消失
以下也提供短片
給大家快速了解Google文件的功能
(請自行點選繁體中文Chinese(Traditional))

Lab: Personal Portal



1. Enter
http://www.google.com/ig

The Google account is the same as your Blogger account.

2. Rearrange the templates. And perhaps remove blocks that you don't need.

3. Add new stuff. For now add the Google Reader, Google Docs, Google Group, Google Calendar, and GMail. You should be able to see the subscriptions in the Google Reader block of your personal portal.

接續著Google Reader
iGoogle也是另外一個讓人讚賞的功能
iGoogle是可以讓使用者自訂個人首頁的一個服務
請參閱以下YouTube短片

相信看完這兩段短片後
對於iGoogle的使用有初步的認識
組織好自己所需要的小工具
iGoogle就像是一個工作平台
不管到哪裡
只要有電腦有上網的地方
何處都是你工作的場所

Lab: RSS Reader



1. Enter Google Reader 
2. Try the following
3. What is the RSS feed that Google Reader takes in? List the URL of these RSS feeds.

Google Reader(閱讀器)非常好用
因為它是跨平台
如果是使用一般瀏覽器或是軟體訂閱
那最大的問題就是受限於單一電腦上運作
所以利用線上的訂閱服務比較方便
因為你想要閱讀文章時
也一定要在網路上才可以連結到其他的訂閱項目

PS.英文版的Google Reader導入了Gears的功能
讓Reader也可以網路同步文章後
離線閱讀文章
詳情請參閱Google Helps:Can I use Google Reader offline? 


關於Google Reader的介紹
歡迎欣賞以下影片介紹(請自行點選繁體中文Chinese(Traditional))
短片:"Google Reader in Plain English"