A New Approach to Web Applications Jesse Garrett
AJAX, Brett McLaughlin
A complete introduction to AJAX (Brett McLaughlin)
星期一, 12月 31, 2007
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.
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?
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?
星期六, 12月 29, 2007
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
Scope: Common sense of AJAX, DOM, JavaScript, XML, & CGI, Textbook Sec. 2-1, Appendix A
time: 15 minutes
星期二, 12月 18, 2007
星期一, 12月 17, 2007
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.
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.
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.
星期一, 12月 10, 2007
Homework 12-10-2007
1. List three ways of creating interactive webpages.
2. Lab DOM and Javascript.
3. Reading Assignments: AJAX by Jeremy Keith
2. Lab DOM and Javascript.
3. Reading Assignments: AJAX by Jeremy Keith
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.
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
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:
星期二, 12月 04, 2007
Web 2.0 無線行動程式設計成長冬令營
時間: 2008年1月22日(二)，1月23日(三)
地點: 電學大樓409室
主辦: 電子系先進網路實驗室 (連絡電話: 4630)
費用: 免
報名方式: 請在下方Comment留言，專題生無需再報名。
詳細課程(1-08-2008 edition)
投影片講義請進入課表中下載
課程大綱
- web service and asp.net system design
- c# programming on the mobile devices
- advanced Web 2.0 design and Google Maps
- advanced JavaScript programming for Interactive Web Design
- AJAX programming
- 研究與專題
- Web 2.0
- Web 2.0 online presentation slides
- characteristics of Web 2.0 pages (cited from B. Gibson)
- Web 2.0 @IEEE ICALT 2007
- Web 2.0 Examples
- Web Service
- AJAX
- 隨筆
星期一, 12月 03, 2007
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.
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
寒假崔媽媽基金會實習
訂閱：
文章 (Atom)