﻿<?xml version="1.0" encoding="utf-8" ?> 
<?xml-stylesheet type="text/xsl" href="../../webpages/courses.xsl" ?>
<!--
/////////////////////////////////////////////////////////////////////////////
//  CSE691codeL1.xml - provides links Lecture #1 materials                 //
//                     on the ECS college server                           //
//                                                                         //
//  Jim Fawcett, CST 2-187, Syracuse University, jfawcett@twcny.rr.com     //
/////////////////////////////////////////////////////////////////////////////
-->

<courses name="Fawcett">

  <btitle>CSE691 Lecture #1</btitle>
  <theme src="../../webpages/CodeTheme.css" />

  <visible>
  <title>CSE691 - Comparative Platfroms</title>
  <subtitle>Lecture #1 - Introduction to CP</subtitle>
  <revised>20 May 2007</revised>
  
  <hilight>
    <ifile title="Home">../../webpages/FawcettHome.xml</ifile>&#32;
    <ifile title="Courses">../../webpages/Courses.xml</ifile>&#32;
    <ifile title="Code">../../webpages/Code.xml</ifile>&#32;
    <ilink title="Handouts">www.ecs.syr.edu/faculty/fawcett/handouts</ilink>&#32;
    <ifile title="CoreTech">../../webpages/CoreTechnologies.xml</ifile>&#32;
    <ifile title="Books">../../webpages/Books.xml</ifile>&#32;
    <ifile title="Articles">../../webpages/Articles.xml</ifile>&#32;
    <ifile title="Math">../../webpages/Mathematics.xml</ifile>&#32;
    <ifile title="Research">../../webpages/research.xml</ifile>&#32;
    <ifile title="Masters Projects">../../webpages/MastersProjects.xml</ifile>&#32;
    <ifile title="SWDev">../../webpages/swdev.xml</ifile>&#32;
    <ifile title="WebDev">../../webpages/webdev.xml</ifile>&#32;
    <ifile title="News">../../webpages/news.xml</ifile>&#32;
    <ifile title="OtherLinks">../../webpages/OtherLinks.xml</ifile>&#32;
    <ifile title="SiteDesign">../../webpages/SiteDesign.xml</ifile>&#32;
    <ifile title="Graduates">../../webpages/graduates.xml</ifile>&#32;
    <ifile title="AllPages">../../webpages/AllPages.xml</ifile>&#32;
    <ifile title="Office Hours">../../webpages/OfficeHours.xml</ifile>&#32;
    <notice title="Notices">../../webpages/notices.xml</notice>&#32;
    <html><a href="#contents">Contents</a></html>&#32;
  </hilight>

  <!-- <include src="CoursesNavBar.xml"/> -->

  <hilight>
    <ifile title="CSE681-SWMAA">../../webpages/CSE681.xml</ifile>&#32;
    <ifile title="CSE686-IP">../../webpages/CSE686.xml</ifile>&#32;
    <ifile title="CSE687-OOD">../../webpages/CSE687.xml</ifile>&#32;
    <ifile title="CSE691-CP">../../webpages/CSE691.xml</ifile>&#32;
    <ifile title="CSE775-DO">../../webpages/CSE775.xml</ifile>&#32;
    <ifile title="CSE776-DP">../../webpages/CSE776.xml</ifile>&#32;
    <ifile title="CSE778-AWP">../../webpages/CSE778.xml</ifile>&#32;
    <ifile title="CSE784-SWS">../../webpages/CSE784.xml</ifile>
  </hilight>

  <hilight>
    <ifile title="Lecture #01">../Lectures/CSE691CodeL1.xml</ifile>&#32;
    <ifile title="Lecture #02">../lectures/CSE691CodeL2.xml</ifile>&#32;
    <ifile title="Lecture #03">../Lectures/CSE691CodeL3.xml</ifile>&#32;
    <ifile title="Lecture #04">../Lectures/CSE691CodeL4.xml</ifile>&#32;
    <ifile title="Lecture #05">../Lectures/CSE691CodeL5.xml</ifile>&#32;<br/>
    <ifile title="Lecture #06">../Lectures/CSE691CodeL6.xml</ifile>&#32;
    <ifile title="Lecture #07">../Lectures/CSE691CodeL7.xml</ifile>&#32;
    <ifile title="Lecture #08">../Lectures/CSE691CodeL8.xml</ifile>&#32;
    <ifile title="Lecture #09">../Lectures/CSE691CodeL9.xml</ifile>&#32;
    <ifile title="Lecture #10">../Lectures/CSE691CodeL10.xml</ifile>&#32;
  </hilight>

  <hilight>
    <ifile title="Lab #01">../assignments/Assignment1.xml</ifile>&#32;
    <ifile title="Lab #02">../assignments/Assignment2.xml</ifile>&#32;
    <ifile title="Lab #03">../assignments/Assignment3.xml</ifile>&#32;
    <ifile title="Lab #04">../assignments/Assignment4.xml</ifile>&#32;
    <ifile title="Lab #05">../assignments/Assignment5.xml</ifile>&#32;
    <ifile title="Lab #06">../assignments/Assignment6.xml</ifile>&#32;
    <ifile title="Lab #07">../assignments/Assignment7.xml</ifile>&#32;
    <ifile title="Lab #08">../assignments/Assignment8.xml</ifile>&#32;
  </hilight>
  
  <hilight>
    <html><a href="#Contents">Contents</a></html>&#32;
    <html>
      <a href="../../webpages/cse686.xml#Syllabus">Syllabus</a>
    </html>&#32;
  </hilight>
  
  <section title="Web Resources:">
      <ilink title="Color Lab">www.visibone.com/colorlab</ilink>&#32;
      <ilink title="Color Codes">www.webmonkey.com/reference/color_codes</ilink>&#32;
      <ilink title="HTML tags">www.webmonkey.com/reference/html_cheatsheet</ilink>&#32;
      <ilink title="Everything&#160;HTML">www.htmlhelp.com</ilink>&#32;
      <ilink title="XML, HTML, Scripting">www.w3schools.com</ilink>&#32;
      <ilink title="Win32, COM, MFC">devCentral.iftech.com</ilink>&#32;
      <ilink title="webdeveloper.earthweb">webdeveloper.earthweb.com</ilink>&#32;
      <ilink title="devx...">archive.devx.com/projectcool/developer/dynamic/index.html</ilink>&#32;
      <ilink title="W3Schools">www.w3schools.com</ilink>&#32;
      <ilink title="Web Developer's Virtual Library">www.wdvl.com</ilink>&#32;
      <ilink title="World-Wide Web Consortium">www.w3c.org</ilink>&#32;
      <ilink title="WebReference">www.webreference.com</ilink>&#32;
      <ilink title="devCentral">devCentral.iftech.com</ilink>&#32;
  </section>
  
  <section title="Office Hours:">
    <file title="Instructor &amp; TAs">../../webpages/officeHours.xml</file>
  </section>

  <section title="Content:">
    <html><a name="Contents" id="Syllabus"/></html>
    This lecture is an introduction to the CSE691 - Comparative Platforms course.  
    Today we discuss topics to be covered in this course, its projects, and grading.  

    We then cover an introduction to the web programming models, do a few examples, and
    assign todays Lab material.
    <olist>
      <litem>
        <html>
          <a href="../../webpages/cse686.xml#Syllabus">Syllabus</a> describes topics to be covered,
          reading material for you to digest <u>before coming to class</u>, and due dates
          for the assigned projects.
        </html>
      </litem>
      <litem>
        <file title="Final Project">../projects/FinalProjSu07.doc</file>
      </litem>
      <litem>
        <file title="VMWare Lab environment">../presentations/wk01_vmware.doc</file>
      </litem>
      <litem>
        <file title="Ubuntu's Linux environment">../presentations/wk01_ubuntu_filesystem.doc</file>
      </litem>
      <litem>
        <file title="Introduction to the Web">../presentations/Introduction.ppt</file>
      </litem>

      <p/><html><b style="font-size:large"><i>Serving Static Pages</i></b></html>
      <litem>
        <file title="Static Web Page Model">../presentations/ServingModel-Static.vsd</file>
      </litem>
      <litem>
        <ifile title="Hello World">../code/StaticModel/Hello.html</ifile> using HTML, CSS, and Javascript
      </litem>
      <litem>
        <ilink title="HTML Reference">www.htmldog.com/reference/htmltags/</ilink>
        <br/> 
        <ilink title="CSS Reference">www.htmldog.com/reference/cssproperties/</ilink>, 
        <ilink title="Quirksmode CSS Tutorial">www.quirksmode.org/css/contents.html</ilink>
        <br/> 
        <ilink title="W3schools JavaScript Tutorial">www.w3schools.com/js/default.asp</ilink>,
        <ilink title="Quirksmode JavaScript Tutorial">www.quirksmode.org/js/contents.html</ilink>,
        <ilink title="DevGuru Javascript Reference">www.devguru.com/Technologies/ecmascript/quickref/js_methods.html</ilink>, 
        <ilink title="Javascript Reference">javascript-reference.info/</ilink>
        <br/>
        <ilink title="w3schools HTML DOM Tutorial">www.w3schools.com/htmldom/default.asp</ilink>
      </litem>
      <litem>
        Page flow model
      </litem>
      <litem>
        Styles box model
      </litem>
      <litem>
        <link title="W3C Box Model">www.w3.org/TR/REC-CSS2/box.html</link>
      </litem>
      <litem>
        <link title="W3C CSS Selectors Model">www.w3.org/TR/REC-CSS2/selector.html</link>
      </litem>

      <p/><html><b style="font-size:large"><i>Serving Scripted Pages</i></b></html>
      <litem>
        <file title="Scripted Page Model">../presentations/ServingModel-Scripted.vsd</file>
      </litem>
      <litem>
        <file title="LAMP platform">../presentations/wk01_lamp.ppt</file>
      </litem>
      <litem>
        Hello World from server side with PHP
      </litem>
      <litem>
        <file title="ASP scripting example">../code/ScriptedModel</file>
      </litem>

      <p/><html><b style="font-size:large"><i>Serving Event-based and Enterprise Server Pages</i></b></html>
      <litem>
        <file title="Asp.Net Page Model">../presentations/ServingModel-EventBased.vsd</file>
      </litem>
      <litem>
        <file title="ASP.Net Event-Based example">../code/EventsModel</file>
      </litem>
      <litem>
        <file title="Java Page Model">../presentations/wk01_java.ppt</file>
      </litem>
      <litem>
        Hello World using Java EE5
      </litem>
      <litem>
        <file title="Lab Assignment #1">../assignments/assignment1.xml</file>
      </litem>
    <section title="Web Programming Language Resources">
    <hr/>
    <!-- HTML -->
    <lhilight>
      HyperText Markup Language (HTML)
        <br/>
      &#160;&#160;Tutorials:&#160;&#160;&#160;&#160;
        <ilink title="Htmldog">www.htmldog.com/guides/htmlbeginner/</ilink>,&#32;
        <br/>
      &#160;&#160;References:&#160;
        <ilink title="Htmldog">www.htmldog.com/reference/htmltags/</ilink>,&#32;
        <ilink title="W3c">www.w3.org/TR/html4/cover.html#minitoc</ilink>,&#32;
        <ilink title="HtmlHelp">www.htmlhelp.com/reference/html40/</ilink>,&#32;
        <ilink title="W3Schools">www.w3schools.com/html/default.asp</ilink>,&#32;
        <br/>
      &#160;&#160;Examples:&#160;&#160;&#160;
        <ilink title="W3Schools">www.w3schools.com/html/html_examples.asp</ilink>,&#32;
    </lhilight>

    <!-- Javascript -->
    <lhilight>
      Javascript<br/>
      &#160;&#160;Tutorials:&#160;&#160;&#160;&#160;
        <ilink title="W3Schools">www.w3schools.com/js/default.asp</ilink>,&#32;
        <ilink title="WDVL">www.wdvl.com/Authoring/JavaScript/Tutorial/</ilink>,&#32;
        <ilink title="pageresource">www.pageresource.com/jscript/index4.htm</ilink>,&#32;
        <ilink title="Webmonkey">webmonkey.wired.com/webmonkey/programming/javascript/tutorials/tutorial1.html</ilink>,&#32;
        <ilink title="webdeveloper">www.webdeveloper.com/javascript/javascript_js_tutorial.html</ilink>,&#32;
        <ilink title="echoecho">www.echoecho.com/javascript.htm</ilink>,&#32;
        <br/>
      &#160;&#160;References:&#160;
        <ilink title="visibone">javascript-reference.info</ilink>,&#32;
        <ilink title="devguru">www.devguru.com/Technologies/ecmascript/quickref/javascript_intro.html</ilink>,&#32;
        <ilink title="webreference">www.webreference.com/js/index.html?start=111&amp;page=10</ilink>,&#32;
        <ilink title="W3cSchools">www.w3schools.com/js/js_obj_array.asp</ilink>,&#32;
        <ilink title="W3C">www.w3.org/Submission/1996/1/WD-jsss-960822</ilink>,&#32;<br/>
      &#160;&#160;Examples:&#160;&#160;&#160;
        <ilink title="Htmldog">www.htmldog.com/articles/suckerfish/dropdowns/example/</ilink>,&#32;
    </lhilight>

    <!-- Cascading Style Sheets -->
    <lhilight>
      Cascading Style Sheets (CSS)<br/>
      &#160;&#160;Tutorials:&#160;&#160;&#160;&#160;
        <ilink title="Htmldog">www.htmldog.com/guides/cssbeginner/</ilink>,&#32;<br/>
      &#160;&#160;References:&#160;
        <ilink title="Htmldog">www.htmldog.com/reference/cssproperties/</ilink>,&#32;
        <ilink title="HtmlHelp">www.htmlhelp.com/reference/css/</ilink>,&#32;
        <ilink title="W3cSchools">www.w3schools.com/css/css_reference.asp</ilink>,&#32;
        <ilink title="Zvon">www.zvon.org/xxl/CSS2Reference/Output/index.html</ilink>,&#32;
        <ilink title="Webucator">www.webucator.com/resources/css/reference.html</ilink>,&#32;
        <ilink title="W3C">www.w3.org/TR/REC-CSS2/</ilink>,&#32;<br/>
      &#160;&#160;Examples:&#160;&#160;&#160;
        <ilink title="Htmldog">www.htmldog.com/articles/suckerfish/dropdowns/example/</ilink>,&#32;
    </lhilight>

    <!-- C# -->
    <lhilight>
      C#<br/>
      &#160;&#160;Tutorials:&#160;&#160;&#160;&#160;
        <ilink title="University of Linz">www.ssw.uni-linz.ac.at/Teaching/Lectures/CSharp/Tutorial/</ilink>,&#32;
        <ilink title="SoftSteel">www.softsteel.co.uk/tutorials/cSharp/cIndex.html</ilink>,&#32;
        <ilink title="CSharp Station">www.csharp-station.com/Tutorial.aspx</ilink>,&#32;
        <ilink title="JaggerSoft">www.jaggersoft.com/pubs/AProgrammersOverviewOfCSharp.htm</ilink>,&#32;
        <ilink title="Using the IDE">www.hal-pc.org/~abeld/cppsighal/Compart5/Compart5.htm</ilink>,&#32;
        <ilink title="ProgrammingTutorials links">www.programmingtutorials.com/csharp.aspx</ilink>,&#32;
        <br/>
      &#160;&#160;References:&#160;
        <ilink title="gotdotnet">samples.gotdotnet.com/QuickStart/howto/default.aspx?url=/quickstart/howto/doc/Languages.aspx</ilink>,&#32;
        <br/>
      &#160;&#160;Examples:&#160;&#160;&#160;
        <ifile title="Code Page">../../webpages/code.xml#cse681</ifile>,&#32;
    </lhilight>
    </section>
    </olist>
  </section>  
  </visible>
</courses>
