2008年11月24日 星期一

Lab Checking dead links

W3C Link Check 可以檢查 dead links, 而且只要輸入首頁,
就可以依據指定深度自動向下檢查, 而且也可以檢查對外連結(外站).

Link Checker 首先要設定檢查深度(Check linked documents recursively, recursion depth=?), 如果沒有設定, 它就只有檢查首頁.
因此如果出現 deadlink, 就是在首頁.

如果你設定檢查深度, 它就會逐一檢查此深度內的每一頁,
在檢查某一頁開始時, 它會先顯示現正在檢查的 URL, 然後
在逐一爬行該頁內每個 link.


報表輸出很漂亮. 請參閱
http://validator.w3.org/checklink

請檢查三個你最常使用的網站, 看看連結的品質如何?
紀錄有錯誤連結 (HTTP Error 404) 的次數.

1.光~之心情日記簿

2.小志的作業區

3. iPhone 專屬繁體中文社群網站 iPhone4.TW

Lab: Form and Action, Part II

Hand code a HTML or use Nvu 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.
1.

2.

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?

1.

2.

3.

Homework 11-17-2008

1. Lab Making web pages accessible
2. What is Web 2.0?
3. What is mashup?
1.上次完成了......
2.以使用者為中心的一種概念產生。
3. 以前網頁的設計,是你需要什麼,自己就要寫程式碼。現在不同了,現今各大的媒體資訊網站,大多都支援鑲入於個人的網站上,如影音、相簿等服務。甚至,他們也提供了API,使用這些API,你可以利用網站所提供的工具,來設計出屬於自己的網頁。

2008年11月20日 星期四

971 OOP Midterm Exam: Quicksort

1.分割步驟:選取未經過排序陣列的第一元素,並決定他最後排列之位置(也就是位置的左方比此元素小,而右方比此元素大),之後分割成兩個子陣列。
2.遞迴步驟:對未排序之子陣列執行步驟1。

------------------------------------------------<程式開頭>--------------------------------------
#include <iostream>
#include<iomanip>
using namespace std;

int QS(int, int, int);//遞迴的副程式宣告

int n[10]={0};//初始陣列
int m[10]={0};//排序用陣列

int main(void)
{
    int i=0;//迴圈計算數
   
    cout<<"Quicksort程式\n請輸入10個整數數字進行排列\n";
    for(i=0;i<10;i++)//輸入數列
    {
        cin>>n[i];
        m[i]=n[i];//拷貝一份至m陣列。n陣列為保留值,不作異動
    }
    cout<<"你輸入的數列為:\n";
    for(i=0;i<10;i++)//將輸入的數值輸出供檢視之用
    {
        cout<<setw(6)<<n[i];
    }
    cout<<endl;
   
    QS(9,0,9);//進行排序
   
   
    cout<<"排序後的數列為:\n";
    for(i=0;i<10;i++)//輸出排序後之數列
    {
        cout<<setw(6)<<m[i];
    }
    cout<<endl;
    system("pause");
}


int QS(int a, int s, int o)//a為判斷的基數,s為左邊界,o為右邊界
{
    int c=0, p=s, q=o;//c為交換數值暫存用,p為此陣列之左邊界,q為此陣列之右邊界
   
    for(;s<o;)
    {
        for(;s<o;o--)//由右方開始比較大小
        {
            if(m[s]>m[o])
            {
                c=m[o], m[o]=m[s], m[s]=c;//兩兩交換
                break;
            }
        }
        a=o;//記錄基數位置
      
        for(;s<o;s++)//由左方開始比較大小
        {
            if(m[s]>m[o])
            {
                c=m[o], m[o]=m[s], m[s]=c;//兩兩交換
                break;
            }
        }
        a=s;//記錄基數位置
    }
   
    if((p<a-1)||(a+1<q) )//分割為左右兩陣列
        QS(a,p,a-1), QS(a,a+1,q);
    return 0;
}

------------------------------------------------<程式結尾>--------------------------------------


程式執行畫面

2008年11月17日 星期一

Lab 4 Mashup

Create a slide show of your album.

Hint: 挪威奧斯陸之行


我的2008環島之旅

Lab Mashup 3

Check it out! Real time satellite tracking

It is a mashup of Google Map and satellite teacking data.

Use the website to track Formosa III satellite.

More applications of Google Maps

Lab Mashup 2

For housing services, compare the three websites
http://www.housingmaps.com
http://www.urmap.com.tw/asp/kijiji/
http://www.7house.com.tw

List the differences in the user interface design and usability. Make comments
by your use experiences.


比較: 美感,直覺性,流暢,預期反應

example: TMM
http://www.housingmaps.com
地圖介面使用Google的地圖,以Google地圖的方式來操作很直覺,
可以直接了解租屋點的相關資訊,但是連結的圖片大多為不可顯示。
另外在美國,Google地圖提供了路徑導航、或是交通流量之類的資訊,
甚至是街道圖像沒有支援於內,有點可惜。
如果有支援以上之服務,相信會更加完整!


http://www.housingmaps.com

UrMap本身就是台灣的線上地圖服務,所以在地資訊很完備,
設計方式也是如上,直接由地圖來顯示地點。
但是可能習慣使用Google地圖,所以操作UrMap方式感覺就沒有比較直覺(如滾輪縮放地圖、連點放大之類的)。
也是一樣,也沒有提供交通規劃設定,尚屬可惜。


http://www.7house.com.tw

頁面設計為先搜尋區域範圍,然後顯示列表項目,
點進去單項資料才會顯示地點,此設計沒有如以上兩種方式還來得直覺,
但是網站的顏色配置感覺蠻漂亮的。

Lab Mashup

1. Upload a sample ppt to Google Docs.
2. Publish the uploaded ppt.
3. Embed the online ppt to your blog.

The reason to do so is that the readers don't have to have ppt to view your presentation. For example, some users work with Linux or Unix, and others work with MacOS. They will appreciate you for doing so.

Hint: a sample work

2008年11月3日 星期一

Lab Access Keys

1. Use Firefox Accessibility Extension to identify the access keys defined in http://www.epa.gov.tw
2. Use GreaseMonkey to detect the access keys defined inhttp://www.epa.gov.tw
Hint: AccessBar: displays defined accesskeys in a fixed-position bar along the bottom of the window.
3. Are the two results in the above the same?

Lab Firefox Accessibility Extension

Use Firefox Accessibility Extension to check the accessibility of three sites that you visit most.
Report the summary of all the errors and warnings for each site.
我的Blog

我的E政府

環保署

Lab: Making images accessible

1. Use Nvu or Notepad to edit the following homepage
at http://bloggercamp.blogspot.com/2007/01/2007.html

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. Make the webpage accessible by
adding ALT text to the images.

5. Go to the Firefox Add-ons site for Firefox Accessibility Extension

6. Click the "Install now" button on the add-ons website

7. Check whether you can see the ALT text for the images by selecting the "Show Text Equivalent" function.

7.