Welcome!

Teaching

Courses

Teaching Belief

Teaching Archive

Student Comments

Service

DESRIST

IA Institute

Research

Research Interests

Projects

Publications

Resource

ZD Perceptual Map

ZNavigator

Cubicle H

Blog

DESRIST

Hype Cycle

Web Engineering

Info. Architecture

Free Software

MS Certification

Fun Stuff

Fun Stuff in IT

Academic Fun

Funny Pictures

More Fun

About

About Jack

Site Profile

Site Map

Site Features

Site Log

Technical Features of This Site

Here list some technical features of the site for those who are interested in some live examples. These include programming features, design features, information organization features, usability features, etc. Hope they can be some kind of live learning examples. Related web resources are also listed.

ASP.Net features

• Master page: it applies a two-level hierarchical structure of master pages. For more information on ASP.Net master pages, visit:
  • http://www.odetocode.com/Articles/450.aspx
  • http://msdn.microsoft.com/en-us/library/wtxbf3hh.aspx
• User control: mainmenu
• Data binding: bing-soap.aspx
• AJAX UpdatePanel: bing-soap.aspx

AJAX and JQuery

• Raw AJAX: Free Software
• JQuery Ajax: homepage
• ASP.Net AJAX UpdatePanel: bing-soap.aspx
• For more information about AJAX and JQuery, visit:
  • http://www.w3schools.com/Ajax/Default.Asp
  • http://docs.jquery.com/Main_Page

Web APIs

• Microsoft Bing Search API (SOAP): Microsoft Bing Search Developer Center
• Google API
  • Feeds
  • Reader
  • The search functions are based on the Google AJAX search API: Google AJAX Search API
  • Google Analytics
  • Google +1 button

Mash-up

This site integrates my content hosted on these external sites:

• RSS/Atom
  • Blogger.com: my blog on Blogger.
  • WordPress.com: my blog on WordPress.
  • Twitter: my updates on the homepage.
  • Diigo.com: links.
• YouTube: some video playlist for teaching and fun.
• Picasaweb: Funny IT Pictures and other pictures.

JavaScript and JQuery

XML/XSLT

This site uses XML for a number of data sources. One of these is an custom XML based file to manage the site structure (not the ASP.Net site map file). The menu on the left is dynamically constructed based on the XML file and the page a user is visiting.

• Site map XML source file

An improved version of this XML protocol is under development.

XSLT files are used to transform XML sources, include sitemap XML files and RSS feeds. The following XSLT files are for the sitemap XML at different places.

• Site menu XSLT source file (used for the main menu on every page)
• Site map XSLT source file (used in the "About -> Site Map" page)
• Site guide XSLT source file (used in the "Welcome" page)
• XSLT source file only for the "Cubicle H" section

CSS

• Main CSS file
• Default CSS file for the main menu (an alternative style is used every other day)
• A style sheet for printing. This is excludes header, footer, left menu column, and all kinds of fancy colors and styles. Try printing preview of this page (and any other page).