﻿<?xml version="1.0" encoding="utf-8" ?> 
<?xml-stylesheet type="text/xsl" href="../../webpages/courses.xsl" ?>
<!--
/////////////////////////////////////////////////////////////////////////////
//  CSE686codeL1.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>CSE686 Lecture #1</btitle>
  <theme src="../../webpages/CodeTheme.css" />

  <visible>
  <title>CSE686 - Internet Programming</title>
  <subtitle>Lecture #1 - Introduction to IP</subtitle>
  <revised>23 May 2009</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="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/CSE686CodeL1.xml</ifile>&#32;
    <ifile title="Lecture #02">../lectures/CSE686CodeL2.xml</ifile>&#32;
    <ifile title="Lecture #03">../Lectures/CSE686CodeL3.xml</ifile>&#32;
    <ifile title="Lecture #04">../Lectures/CSE686CodeL4.xml</ifile>&#32;
    <ifile title="Lecture #05">../Lectures/CSE686CodeL5.xml</ifile>&#32;<br/>
    <ifile title="Lecture #06">../Lectures/CSE686CodeL6.xml</ifile>&#32;
    <ifile title="Lecture #07">../Lectures/CSE686CodeL7.xml</ifile>&#32;
    <ifile title="Lecture #08">../Lectures/CSE686CodeL8.xml</ifile>&#32;
    <ifile title="Lecture #09">../Lectures/CSE686CodeL9.xml</ifile>&#32;
    <ifile title="Lecture #10">../Lectures/CSE686CodeL10.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:">
    This lecture is an introduction to the CSE686 - Internet Programming course.  
    Today we discuss topics to be covered in this course, its projects, and grading.  

    We then cover an introduction to the web, client-side programming models, seperation of content from
    styling, and then 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>
        <ifile title="Final Project #1">../projects/FinalProj1Su07.doc</ifile>, 
        <ifile title="Final Project #2">../projects/FinalProj2Su07.doc</ifile>, 
        <ifile title="Final Project #3">../projects/FinalProj3Su07.doc</ifile>, 
        <ifile title="Final Project #4">../projects/FinalProj4Su07.doc</ifile><br/>
        You will do one of these - the choice of which is yours to make - and present on the
        last day of classes, July 26th.
      </litem>
      <litem>
        <file title="Introduction to the Web">../presentations/IntroductionToWeb.ppt</file>
      </litem>
      <litem>
        <file title="Introduction to CSE686">../presentations/courseIntroduction.ppt</file>
      </litem>
      <litem>
        <file title="Web Programming Languages">../lecture1/tagged0.htm</file>
      </litem>
      <litem>
        <file title="Static Web Page Model">../presentations/StaticWebPageModel.vsd</file>
      </litem>
      <litem>
        Page flow model
      </litem>
      <litem>
        Styles box model
      </litem>
      <litem>
        <ifile title="Flow Model">../code/IntroApps/FlowModel.htm</ifile>, 
        <ifile title="Box Model">../code/IntroApps/BoxModel.htm</ifile>, 
        <ifile title="Float Model">../code/IntroApps/FloatModel.htm</ifile>, 
        <ifile title="Position Model">../code/IntroApps/PositioningModel.htm</ifile>, 
        <ifile title="Script Model">../code/IntroApps/ScriptModel.htm</ifile>, 
        <ifile title="HTML Controls">../code/IntroApps/Controls.htm</ifile>, 
        <ifile title="Table Layout">../code/IntroApps/LayoutTable.htm</ifile>, 
        <ifile title="Float Layout">../code/IntroApps/LayoutFloat.htm</ifile>, 
        <ifile title="Position Layout">../code/IntroApps/LayoutPosit.htm</ifile>, 
        <ifile title="Partitions">../code/IntroApps/Partitioning.htm</ifile>
      </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>
      <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>, 
        <ilink title="w3schools Tutorial SiteMap">www.w3schools.com/sitemap/sitemap_tutorials.asp</ilink>
      </litem>
      <litem>
        <file title="ASP Page Model">../presentations/AspServingModel.vsd</file>
      </litem>
      <litem>
        <file title="Asp.Net Page Model">../presentations/AspNetServingModel.vsd</file>
      </litem>
      <litem>
        <file title="Ajax Page Model">../presentations/AjaxServingModel.vsd</file>
      </litem>
      <litem>
        C# Processing in web pages:<br/>
        <ilink title="First Asp.Net Application">fawcett.syr.edu/su/handouts/CSE686/code/AspNetExamples/default.aspx</ilink>, 
        <ilink title="Partitioning">128.230.208.37/su/handouts/cse686/code/AspNetExamples/Partition.aspx</ilink>
      </litem>
      <litem>
        <html><span style="font-size: medium;">Comparison of HTML, ASP, and ASP.NET</span></html><br/>
        <ilink title="calc1.htm">fawcett.syr.edu/su/handouts/CSE686/code/Calc_html_asp_aspnet/calc1.htm</ilink>, 
        <ilink title="calc2.htm">fawcett.syr.edu/su/handouts/CSE686/code/Calc_html_asp_aspnet/calc2.htm</ilink>, 
        <ilink title="calc2.asp">fawcett.syr.edu/su/handouts/CSE686/code/Calc_html_asp_aspnet/calc2.asp</ilink>, 
        <ilink title="calc3.aspx">fawcett.syr.edu/su/handouts/CSE686/code/Calc_html_asp_aspnet/calc3.aspx</ilink>
      </litem>
<!--
      <litem>
        <html><span style="font-size: medium;">Comparison of HTML, ASP, and ASP.NET</span></html><br/>
        <ilink title="calc1.htm">fawcett.syr.edu/su/handouts/CSE686/code/Calc_html_asp_aspnet/calc1.htm</ilink>
        <ilink title="calc2.htm">fawcett.syr.edu/su/handouts/CSE686/code/Calc_html_asp_aspnet/calc2.htm</ilink>
        <ilink title="calc2.asp">fawcett.syr.edu/su/handouts/CSE686/code/Calc_html_asp_aspnet/calc2.asp</ilink>
        <ilink title="calc3.aspx">fawcett.syr.edu/su/handouts/CSE686/code/Calc_html_asp_aspnet/calc3.aspx</ilink>
        <ifile title="Lecture3 folder holds this code">../lecture3/</ifile>
      </litem>
-->
      <litem>
        <file title="Demonstrate XSL">../lecture1/demo.xml</file>
      </litem>
      <litem>
        <file title="Lab Assignment #1">../assignments/assignment1.xml</file>
      </litem>
    <section title="Web Programming Language Resources">
    <hr/>
    <!-- HTTP -->
    <lhilight>
      HyperText Transport Protocol (HTTP)<br/>
      &#160;&#160;Tutorials:&#160;&#160;&#160;&#160;
        <ilink title="jmarshall">www.jmarshall.com/easy/http</ilink>,&#32;
        <ilink title="dslab">www.dslab.tuwien.ac.at/Task_Description/http.html</ilink>,&#32;
        <ilink title="wdvl">www.wdvl.com/Internet/Protocols/HTTP/</ilink>,&#32;
        <br/>
      &#160;&#160;References:&#160;
        <ilink title="comptecdoc">www.comptechdoc.org/independent/web/http/reference/</ilink>&#32;
        <br/>
      &#160;&#160;Examples:&#160;&#160;&#160;
        <ilink title="evolvedcode">evolvedcode.net/content/doc_alttelnet/index_p2.asp</ilink>&#32;
    </lhilight>

    <!-- 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>

    <!-- XML -->
    <lhilight>
      eXtensible Markup Language (XML)
        <br/>
      &#160;&#160;Tutorials:&#160;&#160;&#160;&#160;
        <ilink title="XMLfiles">www.xmlfiles.com/xml/xml_syntax.asp</ilink>,&#32;
        <ilink title="Zvon">www.zvon.org/xxl/XMLTutorial/General/book_en.html</ilink>,&#32;
        <ilink title="Univ of Aarhus">www.brics.dk/~amoeller/XML/index.html</ilink>,&#32;
        <ilink title="w3schools">www.w3schools.com/xml/default.asp</ilink>,&#32;
        <ilink title="gotDotNet">samples.gotdotnet.com/quickstart/howto/doc/xml/overviewofxml.aspx</ilink>,&#32;
        <br/>
      &#160;&#160;References:&#160;
        <ilink title="Programming the XML DOM">support.microsoft.com/default.aspx?scid=kb%3Ben-us%3B313824</ilink>,&#32;
        <ilink title="MSDN - XML DOM">msdn.microsoft.com/library/default.asp?url=/library/en-us/cpguide/html/cpconxmldocumentobjectmodeldom.asp</ilink>,&#32;
        <ilink title="XML Schemas">www.xml.com/pub/a/2000/11/29/schemas/part1.html</ilink>,&#32;
        <br/>
      &#160;&#160;Examples:&#160;&#160;&#160;
        <ilink title="xmlFiles">www.xmlfiles.com/examples/</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>
    <p/><hr/><p/>
    </olist>
  </section>  
  </visible>
</courses>
