Your SlideShare is downloading. ×
CS 292: Beyond the One Way Web Dan Nanto, Spring 2008 http://beyondtheonewayweb.wordpress.com
<ul><li>Who Am I? </li></ul>CS 292-1: Beyond the One Way Web  (beyondtheonewayweb.wordpress.com)
<ul><li>Seperating Content from Presentation </li></ul><ul><ul><li>XML </li></ul></ul><ul><ul><li>XSL </li></ul></ul><ul><...
<ul><li>&quot;The Extensible Markup Language (XML) is the universal format for structured documents and data on the Web.&q...
<ul><li>to meet the requirements of large-scale Web content providers for industry-specific markup </li></ul><ul><li>vendo...
<ul><li>File transfer of Data – Fixed Width Format </li></ul><ul><li>John  Smith  06271975  M </li></ul><ul><li>Susan  Joh...
<ul><li>File transfer of Data – Fixed Width Format </li></ul><ul><li>John  Smith  06271975  M </li></ul><ul><li>Susan  Joh...
<ul><li>File transfer of Data – Character Separated </li></ul><ul><li>John|Smith|06271979|M </li></ul><ul><li>Susan|Johnso...
<ul><li>File transfer of Data – Character Separated </li></ul><ul><li>John|Smith|06271979|M |555-5133 </li></ul><ul><li>Su...
<ul><li>Static. </li></ul><ul><li>Changes required recoding on both sides </li></ul><ul><li>No Validation </li></ul><ul><l...
<ul><li><user> </li></ul><ul><li><firstName>John</firstName> </li></ul><ul><li><lastName>Smith</lastName> </li></ul><ul><l...
<ul><li>Structured Data </li></ul><ul><li>Content described </li></ul><ul><li>Dynamic </li></ul><ul><li>Validated (DTDs an...
<ul><li>Elements </li></ul><ul><ul><li>Case sensitive, surrounded by <>, no white space </li></ul></ul><ul><li>Must have a...
<ul><li>Naming Rules: </li></ul><ul><ul><li>Made up of alpha/numeric characters </li></ul></ul><ul><ul><li>Must start with...
<ul><li>Attributes contained within Elements </li></ul><ul><ul><li><someElement name=“Ted”></someElement> </li></ul></ul><...
<ul><li>Well Formed vs Valid? </li></ul><ul><li>Commenting XML </li></ul><ul><ul><li><!--  this is a comment --> </li></ul...
<ul><li><user> </li></ul><ul><li><firstName>John</firstName> </li></ul><ul><li><lastName>Smith</lastName> </li></ul><ul><l...
<ul><li><!DOCTYPE user [ </li></ul><ul><li><!ELEMENT user (firstName, lastName, birthDate, sex, phone)>  </li></ul><ul><li...
<ul><li><xs:element name=“user&quot;>  </li></ul><ul><li><xs:complexType>  </li></ul><ul><li><xs:sequence>  </li></ul><ul>...
<ul><li><xs:element name=“user&quot;>  </li></ul><ul><li><xs:complexType>  </li></ul><ul><li><xs:sequence>  </li></ul><ul>...
<ul><li>Additional Restrictions </li></ul><ul><ul><li>values: 1-100 </li></ul></ul><ul><ul><li>series of values: “red”, “b...
<ul><li>XML – content </li></ul><ul><li>XSL – Presentation  </li></ul>CS 292-1: Beyond the One Way Web  (beyondtheonewaywe...
<ul><li>XSL Demo </li></ul>CS 292-1: Beyond the One Way Web  (beyondtheonewayweb.wordpress.com)
<ul><li>Practical Application of XML and XSL technologies </li></ul><ul><li>RSS standard format for publishing  </li></ul>...
<ul><li>Channel </li></ul><ul><ul><li>Generic descriptions of the feed </li></ul></ul><ul><ul><li>Owner and admin informat...
<ul><li>Item </li></ul><ul><ul><li>Title </li></ul></ul><ul><ul><li>Link – URL of the item </li></ul></ul><ul><ul><li>Desc...
<ul><li>Item </li></ul><ul><ul><li>Category </li></ul></ul><ul><ul><ul><li>URL </li></ul></ul></ul><ul><ul><ul><li>Length ...
<ul><li>Demo – Fox News RSS feed and Yahoo Pipes </li></ul>CS 292-1: Beyond the One Way Web  (beyondtheonewayweb.wordpress...
<ul><li>Questions? </li></ul>CS 292-1: Beyond the One Way Web  (beyondtheonewayweb.wordpress.com)
Upcoming SlideShare
Loading in...5
×

Week 10 Technical Stack Pt. 1

1,363

Published on

First part of 2 presentations for CS292 by guest lecturer Dan Nanto discussing the basic technical stack of Web 2.0.

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,363
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Transcript of "Week 10 Technical Stack Pt. 1"

    1. 1. CS 292: Beyond the One Way Web Dan Nanto, Spring 2008 http://beyondtheonewayweb.wordpress.com
    2. 2. <ul><li>Who Am I? </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    3. 3. <ul><li>Seperating Content from Presentation </li></ul><ul><ul><li>XML </li></ul></ul><ul><ul><li>XSL </li></ul></ul><ul><ul><li>Example: RSS </li></ul></ul><ul><li>Dynamic Browser Presentation </li></ul><ul><ul><li>Javascript </li></ul></ul><ul><ul><li>DHTML & DOM </li></ul></ul><ul><ul><li>AJAX </li></ul></ul><ul><li>APIs – Services </li></ul><ul><ul><li>Example: Google Maps </li></ul></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    4. 4. <ul><li>&quot;The Extensible Markup Language (XML) is the universal format for structured documents and data on the Web.&quot; -- W3C XML Web site , July 2000. </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    5. 5. <ul><li>to meet the requirements of large-scale Web content providers for industry-specific markup </li></ul><ul><li>vendor-neutral data exchange </li></ul><ul><li>media-independent publishing </li></ul><ul><li>one-on-one marketing </li></ul><ul><li>workflow management in collaborative authoring environments </li></ul><ul><li>and the processing of Web documents by intelligent clients </li></ul><ul><li> [971208 W3C press release] </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    6. 6. <ul><li>File transfer of Data – Fixed Width Format </li></ul><ul><li>John Smith 06271975 M </li></ul><ul><li>Susan Johnson 07121986 F </li></ul><ul><li>Abraham Jones 09251988 M </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    7. 7. <ul><li>File transfer of Data – Fixed Width Format </li></ul><ul><li>John Smith 06271975 M </li></ul><ul><li>Susan Johnson 07121986 F </li></ul><ul><li>Abraham Jones 09251988 M </li></ul><ul><li>Billy-Jo-Bob Christenson 10111987 M </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com) Any change to structure caused rework on both sides!
    8. 8. <ul><li>File transfer of Data – Character Separated </li></ul><ul><li>John|Smith|06271979|M </li></ul><ul><li>Susan|Johnson|07121986|F </li></ul><ul><li>Abraham|Jones|09251988|M </li></ul><ul><li>Billy-Jo|Christenson|10111987|M </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    9. 9. <ul><li>File transfer of Data – Character Separated </li></ul><ul><li>John|Smith|06271979|M |555-5133 </li></ul><ul><li>Susan|Johnson|07121986|F |555-5153 </li></ul><ul><li>Abraham|Jones|09251988|M |555-5163 </li></ul><ul><li>Billy-Jo|Christenson|10111987|M |555-5183 </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com) Again, change to structure caused rework on both sides!
    10. 10. <ul><li>Static. </li></ul><ul><li>Changes required recoding on both sides </li></ul><ul><li>No Validation </li></ul><ul><li>No context for data </li></ul><ul><li>Not easily standardized </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    11. 11. <ul><li><user> </li></ul><ul><li><firstName>John</firstName> </li></ul><ul><li><lastName>Smith</lastName> </li></ul><ul><li><birthDate>06271979</birthDate> </li></ul><ul><li><sex>M</sex> </li></ul><ul><li><phone>555-5133</phone> </li></ul><ul><li></user> </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    12. 12. <ul><li>Structured Data </li></ul><ul><li>Content described </li></ul><ul><li>Dynamic </li></ul><ul><li>Validated (DTDs and XML Schema) </li></ul><ul><li>Portable </li></ul><ul><li>Extensible </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com) <user> <firstName>John</firstName> <lastName>Smith</lastName> <birthDate>06271979</birthDate> <sex>M</sex> <phone>555-5133</phone> </user>
    13. 13. <ul><li>Elements </li></ul><ul><ul><li>Case sensitive, surrounded by <>, no white space </li></ul></ul><ul><li>Must have a root Element </li></ul><ul><li>Elements – empty, or closing elements </li></ul><ul><ul><li><someElement/> </li></ul></ul><ul><ul><li><someElement></someElement> </li></ul></ul><ul><li>Must be properly Nested </li></ul><ul><ul><li><some><text></text></some> </li></ul></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    14. 14. <ul><li>Naming Rules: </li></ul><ul><ul><li>Made up of alpha/numeric characters </li></ul></ul><ul><ul><li>Must start with alpha character </li></ul></ul><ul><ul><li>Can not contain white space </li></ul></ul><ul><li>Recommendations: </li></ul><ul><ul><li>Descriptive </li></ul></ul><ul><ul><li>Short & Simple </li></ul></ul><ul><ul><li>Avoid “.”, “:”, “-” as word seperators </li></ul></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    15. 15. <ul><li>Attributes contained within Elements </li></ul><ul><ul><li><someElement name=“Ted”></someElement> </li></ul></ul><ul><li>Must be quoted </li></ul><ul><ul><li><someElement name=test /> -Bad! </li></ul></ul><ul><li>Can have multiple attributes per element </li></ul><ul><li>Can not contain reserved characters </li></ul><ul><li>Can not contain multiple values, tree structures or future changes. </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    16. 16. <ul><li>Well Formed vs Valid? </li></ul><ul><li>Commenting XML </li></ul><ul><ul><li><!-- this is a comment --> </li></ul></ul><ul><li>CData vs PCData </li></ul><ul><ul><li><![CDATA[ … some data … ]]> </li></ul></ul><ul><li>XML Schema vs. DTDs </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    17. 17. <ul><li><user> </li></ul><ul><li><firstName>John</firstName> </li></ul><ul><li><lastName>Smith</lastName> </li></ul><ul><li><birthDate>06271979</birthDate> </li></ul><ul><li><sex>M</sex> </li></ul><ul><li><phone>555-5133</phone> </li></ul><ul><li></user> </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    18. 18. <ul><li><!DOCTYPE user [ </li></ul><ul><li><!ELEMENT user (firstName, lastName, birthDate, sex, phone)> </li></ul><ul><li><!ELEMENT firstName (#PCDATA)> </li></ul><ul><li><!ELEMENT lastName (#PCDATA)> </li></ul><ul><li><!ELEMENT birthDate (#PCDATA)> </li></ul><ul><li><!ELEMENT sex (#PCDATA)> </li></ul><ul><li><!ELEMENT phone (#PCDATA)> </li></ul><ul><li>]> </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    19. 19. <ul><li><xs:element name=“user&quot;> </li></ul><ul><li><xs:complexType> </li></ul><ul><li><xs:sequence> </li></ul><ul><li><xs:element name=“firstName&quot; type=&quot;xs:string&quot;/> </li></ul><ul><li><xs:element name=“lastName&quot; type=&quot;xs:string&quot;/> </li></ul><ul><li><xs:element name=“birthDate&quot; type=&quot;xs:date&quot;/> </li></ul><ul><li><xs:element name=“sex&quot; type=&quot;xs:string&quot;/> </li></ul><ul><li><xs:element name=“phone&quot; type=&quot;xs:string&quot;/> </li></ul><ul><li></xs:sequence> </li></ul><ul><li></xs:complexType> </li></ul><ul><li></xs:element> </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    20. 20. <ul><li><xs:element name=“user&quot;> </li></ul><ul><li><xs:complexType> </li></ul><ul><li><xs:sequence> </li></ul><ul><li><xs:element name=“firstName&quot; type=&quot;xs:string&quot;/> </li></ul><ul><li><xs:element name=“lastName&quot; type=&quot;xs:string&quot;/> </li></ul><ul><li><xs:element name=“birthDate&quot; type=&quot;xs:date“ use=“required” /> </li></ul><ul><li><xs:element name=“sex&quot; type=&quot;xs:string“ default=“M” /> </li></ul><ul><li><xs:element name=“phone&quot; type=&quot;xs:string&quot;/> </li></ul><ul><li></xs:sequence> </li></ul><ul><li></xs:complexType> </li></ul><ul><li></xs:element> </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    21. 21. <ul><li>Additional Restrictions </li></ul><ul><ul><li>values: 1-100 </li></ul></ul><ul><ul><li>series of values: “red”, “blue”, “green” </li></ul></ul><ul><ul><li>data format: ([a-z])* </li></ul></ul><ul><ul><li>white space </li></ul></ul><ul><ul><li>Length </li></ul></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    22. 22. <ul><li>XML – content </li></ul><ul><li>XSL – Presentation </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com) <user> <firstName>John</firstName> <lastName>Smith</lastName> <birthDate>06271979</birthDate> <sex>M</sex> <phone>555-5133</phone> </user> <user> <firstName>Susan</firstName> <lastName>Johnson</lastName> <birthDate>07121986</birthDate> <sex>F</sex> <phone>555-5153</phone> </user> Name: John Smith Born: June 27, 1979 Sex: Male Phone Number: 555-5133
    23. 23. <ul><li>XSL Demo </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    24. 24. <ul><li>Practical Application of XML and XSL technologies </li></ul><ul><li>RSS standard format for publishing </li></ul><ul><li>Different RSS readers can publish in different ways using XSL templates for rendering </li></ul><ul><li>Other tools can build to the standard RSS format such as Mashups </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    25. 25. <ul><li>Channel </li></ul><ul><ul><li>Generic descriptions of the feed </li></ul></ul><ul><ul><li>Owner and admin information </li></ul></ul><ul><ul><li>Contains “Items” </li></ul></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    26. 26. <ul><li>Item </li></ul><ul><ul><li>Title </li></ul></ul><ul><ul><li>Link – URL of the item </li></ul></ul><ul><ul><li>Description - Synopsis </li></ul></ul><ul><ul><li>Author </li></ul></ul><ul><ul><li>Category </li></ul></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    27. 27. <ul><li>Item </li></ul><ul><ul><li>Category </li></ul></ul><ul><ul><ul><li>URL </li></ul></ul></ul><ul><ul><ul><li>Length (in bytes) </li></ul></ul></ul><ul><ul><ul><li>Type – format of media </li></ul></ul></ul><ul><ul><li>GUID </li></ul></ul><ul><ul><li>PubDate </li></ul></ul><ul><ul><li>Source </li></ul></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    28. 28. <ul><li>Demo – Fox News RSS feed and Yahoo Pipes </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)
    29. 29. <ul><li>Questions? </li></ul>CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)

    ×