﻿<?xml version="1.0" encoding="utf-8" ?> 
<?xml-stylesheet type="text/xsl" href="courses.xsl" ?>
<courses name="Fawcett">

  <btitle>Site Design</btitle>
  <theme src="HomeTheme.css" />

  <visible>
  <title>Site Design</title>
  <revised>11 July 2004</revised>
  
  <hnav/>
<!--
  <hilight>
    <ifile title="Home">FawcettHome.xml</ifile>&#32;
    <ifile title="Courses">Courses.xml</ifile>&#32;
    <ifile title="Code">Code.xml</ifile>&#32;
    <ilink title="Handouts">www.ecs.syr.edu/faculty/fawcett/handouts</ilink>&#32;
    <ifile title="CoreTech">CoreTechnologies.xml</ifile>&#32;
    <ifile title="Books">Books.xml</ifile>&#32;
    <ifile title="Articles">Articles.xml</ifile>&#32;
    <ifile title="Math">Mathematics.xml</ifile>&#32;
    <ifile title="Research">research.xml</ifile>&#32;
    <ifile title="Masters Projects">MastersProjects.xml</ifile>&#32;
    <ifile title="SWDev">swdev.xml</ifile>&#32;
    <ifile title="WebDev">webdev.xml</ifile>&#32;
    <ifile title="News">news.xml</ifile>&#32;
    <ifile title="OtherLinks">OtherLinks.xml</ifile>&#32;
    <ifile title="SiteDesign">SiteDesign.xml</ifile>&#32;
    <ifile title="Graduates">graduates.xml</ifile>&#32;
    <ifile title="AllPages">AllPages.xml</ifile>&#32;
    <ifile title="Office Hours">OfficeHours.xml</ifile>&#32;
    <notice title="Notices">notices.xml</notice>&#32;
    <html><a href="#contents">Contents</a></html>&#32;
  </hilight>
-->
  <cnav/>
<!--
  <hilight>
    <ifile title="CSE681-SWMAA">CSE681.xml</ifile>&#32;
    <ifile title="CSE686-IP">CSE686.xml</ifile>&#32;
    <ifile title="CSE687-OOD">CSE687.xml</ifile>&#32;
    <ifile title="CSE775-DO">CSE775.xml</ifile>&#32;
    <ifile title="CSE776-DP">CSE776.xml</ifile>&#32;
    <ifile title="CSE778-AWP">CSE778.xml</ifile>&#32;
    <ifile title="CSE784-SWS">CSE784.xml</ifile>
  </hilight>
-->

  <quote source="Lou Holtz">
    Ability is what you're capable of doing.  Motivation determines what you do.<br/>Attitude determines how well you do it.
  </quote>

  <html><a name="contents"/></html>
  <section title="Purpose:">
    This site is being designed as a portal for current and former students
    into the resources used in graduate software design <ifile title="courses">courses.xml</ifile>.   
  </section>
  
  <section title="Content Status:">
    The upper-level pages of this site are mostly descriptive and navigational.  They don't have a lot of
    the interesting details, except for the <ifile title="code">code.xml</ifile> page.  
    The lower-level pages, indicated here by indenting, are where the course detail resides.  Each course page
    has a lectures link that leads to one page for each lecture.  Some of the content of these pages changes
    each time the course is taught, partly reflecting the needs of the class and partly to track changes in current
    technoloty.  You can see a view of most all the pages in this site here:  
    <notice title="AllPages">allpages.xml</notice>.
    <p/>
  </section>

  <section title="New Pages:">
    One final note:  eventually you will find here a new page:
    <olist>
      <litem>
        AllPresentations - organized into something, I don't know what, yet.
      </litem>
    </olist>
  </section>

  <section title="Structure:">
    The site consists of three levels.  Most pages at the Home and at the Home Child level contain
    a title and revision date, a captioned image, a navigation bar, and contents with child links: 
    <olist>
      <litem>
        Home level pages:<br/><br/>
        <block>
          <ifile title="Home">FawcettHome.xml</ifile>&#32;
          <ifile title="Courses">Courses.xml</ifile>&#32;
          <ifile title="Code">Code.xml</ifile>&#32;
          <ilink title="Handouts">www.ecs.syr.edu/faculty/fawcett/handouts</ilink>&#32;
          <ifile title="Books">Books.xml</ifile>&#32;
          <ifile title="Math">Mathematics.xml</ifile>&#32;
          <ifile title="Research">research.xml</ifile>&#32;
          <ifile title="Masters Projects">MastersProjects.xml</ifile>&#32;
          <ifile title="SWDev">swdev.xml</ifile>&#32;
          <ifile title="WebDev">webdev.xml</ifile>&#32;
          <ifile title="News">news.xml</ifile>&#32;
          <ifile title="OtherLinks">OtherLinks.xml</ifile>&#32;
          <ifile title="SiteDesign">SiteDesign.xml</ifile>&#32;
          <ifile title="Graduates">graduates.xml</ifile>&#32;
          <ifile title="AllPages">AllPages.xml</ifile>&#32;
          <ifile title="Office Hours">OfficeHours.xml</ifile>&#32;
          <notice title="Notices">notices.xml</notice>&#32;
        </block>
      </litem>
      <litem>
        Children of the Home pages (details are here):<br/><br/>
        <block>
        <ifile title="CSE681-SWMA">cse681.xml</ifile>&#32;
        <ifile title="CSE687-OOD">cse687.xml</ifile>&#32;
        <ifile title="CSE691-IP">cse691.xml</ifile>&#32;
        <ifile title="CSE775-DO">cse775.xml</ifile>&#32;
        <ifile title="CSE776-DP">cse776.xml</ifile>&#32;
        <ifile title="CSE778-AWP">cse778.xml</ifile>&#32;
        <ifile title="CSE784-SWS">cse784.xml</ifile>&#32;
        <ifile title="Software Foundry">Foundry.xml</ifile><br/><br/>
        </block>
      </litem>
      <litem>
        External Resources:<br/>
        <block>
        <ifile title="SWDev">swdev.xml</ifile>,
        <ifile title="WebDev">WebDev.xml</ifile>, 
        <ifile title="News">news.xml</ifile>, and
        <ifile title="Other Links">HandoutsHome.xml</ifile> point to resources outside this site<br/><br/>
        </block>
      </litem>
    </olist>
  </section>

  <section title="Page Locations are in folders below handouts folder:">
    <ulist>
      <litem>Home Level and Course Level pages are located in WebPages folder.</litem>
      <litem>Course Lecture pages are located in course folders in a lectures subfolder.</litem>
      <litem>Presentation materials, mostly Powerpoint and Word files, are found in presentations subfolders.</litem>
    </ulist>
  </section>
  
  <section title="Design Technology">
  Every visible page in this site is rendered through the contributions of four files:
  <olist>
    <litem>
      An XML file with the information to be rendered.  You can render this specific page, using IE 6.0 
      for example, by clicking on SiteDesign with an XML extension, as long as the other required files (discussed
      below) are in the current directory.
    </litem>
    <litem>
      An XSL file which transforms the XML file into renderable HTML.  The transformation is guided by matching
      specific XML tags with rules for their transformation defined by xsl:template expressions in the XSL file.
      The page you are reading, like every other page in this site, is processed by 
      <ifile title="courses.xsl">courses.xsl</ifile>.
    </litem>
    <litem>
      A CSS file with Cascading Styles which provides a style theme.  There are separate themes for Home pages,
      for Code/Lecture resource pages, and for Course descriptions.  This page is styled by 
      <ifile title="HomeTheme.css">HomeTheme.css</ifile>.
    </litem>
    <litem>
      An image (jpg, gif, or png) file, included by an anchor element created by XSL processing of an XML
      image tag.  The images on these pages, were acquired with digital cameras, captured as screen shots and
      saved as png files, or acquired from Microsoft Office clip art folder in the office installation directory tree.
    </litem>
  </olist>
  If everyone used Microsoft's Internet Explorer, version 6.0 or later, this would be the end of the design
  story.  XML pages can be directly rendered as HTML, using XSL and CSS files to define formats for presentation.
  Separation of content from presentation formats is very effective.  This site is fairly easy to maintain
  because the content changes much more often than formatting themes, so all one has to do is to modify
  the XML content.
  <p/>
  However, earlier versions of IE, including 5.0 and 5.5, do not support the now standardized syntax
  of XSLT.  So what you are viewing requires two more steps:
  <olist>
    <litem>
      Convert the XML, using XSLT and CSS files, into HTML for viewing with earlier, as well as current,
      browsers.  One way to do this uses the tool MSXSL.exe, which you can download from the
      <ilink title="Microsoft Web Site"></ilink>.  Effective documentation for its use is also 
      available from the Microsoft site.
    </litem>
    <litem>
      In the resulting .htm files, use a text editor to effect a global replacement of all XML 
      extensions in file links to .htm extensions.  Then save
      all the htm files and css files to the web directory.
    </litem>
  </olist>
  There is, of course, another advantage to using the HTML files directly.  They load faster since the
  conversion step has already been effected.  Note that there is not a lot of perceived difference between
  the two alternatives.<p/>
  I use XML file references in these pages so that I don't have to perform the first step
  while I am working on site contents.  I simply use IE 6.0 to view the work in progress by clicking on
  the XML files, directly.
  </section>
  </visible>
</courses>
