Your SlideShare is downloading. ×
Week 10 Technical Stack Pt. 1
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Week 10 Technical Stack Pt. 1

1,348
views

Published on

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

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,348
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Transcript

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