2007年12月31日 星期一

AJAX, recommended reading

A New Approach to Web Applications Jesse Garrett
AJAX, Brett McLaughlin
A complete introduction to AJAX (Brett McLaughlin)

網路安全

學校的公用電腦有可能被植入木馬程式,因此你的帳號密碼可能已經被木馬程式紀錄並且流出,這些駭客集團會到各網站逐一測試你所流出的帳號密碼,如果你常使用的網站用的是同ㄧ組帳號密碼,那麼你在其他網站的個人資料也可能被入侵流出。
最近不少知名網站被駭客入侵,個人資料外洩日益頻繁。因此建議你儘速找一台沒有被植入木馬程式的電腦,更改你重要網站的密碼。

Lab 26 Google Presentation

1. Upload a sample Powerpoint to Google docs.
2. Publish this slide presentation so that it is viewable by the general public.
3. Start your presentation.
4. Invite the person sitting next to you to join your presentation.
5. You are supposed to take the control of the presentation. When you change the slides, your audience should be able to see the slide changed at the same time.

Hint: Some examples.

Lab 25 Google Group

Have at leaser 2 persons in a group, one of them being the owner of Google Group.

1. Decide on the group name, and kick off some subjects.
2. Compare this with other BBS you might have used.
3. Can you think of any use of the Forum in your activities?

2007年12月29日 星期六

1/7/2008 隨堂測驗

Format: open book, no computer
Scope: Common sense of AJAX, DOM, JavaScript, XML, & CGI, Textbook Sec. 2-1, Appendix A
time: 15 minutes

2007年12月18日 星期二

期末報告題目

Laszlo (Laszlo in 10 minutes),挑選一個範例進行個人研究,說明你為什麼挑選這個範例,這個範例讓你學到什麼概念,請你製作一個講義說明這個範例。

Due: 12/31/2007 at 18:00

2007年12月17日 星期一

Lab 24 Drag-and-Drop by AJAX

1. Go to Laszlo and enter (Laszlo in 10 minutes).
2. Study and play around the "drag-and-drop" example.
3. Use this method to control movie playing as in the previous lab.
4. If you drag and drop the photo to the "play" area, the movie plays.
5. If you drap and drop the photo to the "pause" area, the movie pauses.

Lab 23 Movie Player by AJAX

1. Go to Laszlo and enter (Laszlo in 10 minutes).
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.

2007年12月10日 星期一

Homework 12-10-2007

1. List three ways of creating interactive webpages.
2. Lab DOM and Javascript.
3. Reading Assignments: AJAX by Jeremy Keith

AJAX

A New Approach to Web Applications Jesse Garrett
AJAX 簡介 Brett McLaughlin

AJAX examples and counterexamples

Lab 22 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 21 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)
Reference:
Scripting For The 6.0 Browsers, By Scott Andrew LePera

互動式網頁程式技巧

操作以下這個網頁
web personalization 網頁個人化
你會不會覺得有點神奇, 它是如何做到的?
關鍵就在 DOM.

With the DOM scripting methods you can:

- Create new elements on the fly.
- Grab all the tags of the document, or grab the text without grabbing the tag text.
- Insert new text, and change or remove text from any element.
- Move whole parts of the document around, or remove parts as fragments and work with them.
- And the best part: all of these new methods should work in any DOM compliant browser. No more browser sniffing. No need to build different versions of the same page for different browsers.

Reference:
Scripting For The 6.0 Browsers, By Scott Andrew LePera

createElement() allows you to create a new tag.

myImg = document.createElement("IMG")

Give definition.

DOM (Document Object Model)

In the above example, our newly born tag has no ID, no SRC and no home in the document yet. So let's give it some definition:

myImg.setAttribute("id","imageOne")
myImg.setAttribute("src","jabberwocky.gif")

Append it within the document "tree".

Now all we need to do is append it to the document body. And to do that, we use the DOM node method appendChild():

docBody = document.getElementsByTagName("body").item(0)
docBody.appendChild(myImg)

references:

AJAX by Jeremy Keith

2007年12月4日 星期二

2007年12月3日 星期一

給未來大三專題生

張老師實驗室大學部專題簡介

建議對象:
  • 有心投入專題,願意花時間探索新的程式設計方法,能夠融入研究團隊也能獨立解決問題。
  • 願意加入服務學習,參與社會公益者尤佳。

基本資料



Homework 12-3-2007

Do lab 19.

lab 20: XSLT Part III

1. Given the RSS of Class Blog, 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 19: XSLT Part II


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

2. Given the
Listing 1. An XML document representing the results of a soccer tournament

Listing 2. A basic style sheet for the soccer results

use the XSLT as in the Listing 2 to transform the XML file as in the Listing 1.

3. View the formatted HTML file.
4. Given the
Listing 1. An XML document representing the results of a soccer tournament
Listing 3. A style sheet that computes team standings


compute the team standings in a table.

5. View the formatted HTML file.

lab 18: Lab XML & 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.

寒假崔媽媽基金會實習

目的: 發揮電子系所學科技專長,協助非營利組織開發Web2.0 新世代系統,協助社會上的弱勢租屋者,以服務學習方式,成長自我更造福他人。(學長學姊怎麼說)

時間: 寒假中約七天,須先接受兩天特訓,學習程式技巧。詳細時間尚在排定中。

專長需求: 以修過Java 程式設計或網際網路應用為佳,修過C/C++ 也歡迎。

酬勞: 無金錢酬勞(自願性志工服務),但是你的收穫將是金錢無法比擬。

人數: 以3~5人為原則

報名: 即日起向老師報名,你可以寫在 Comment處留下姓名。