Week 10 Technical Stack Pt. 1

50 %
50 %
Information about Week 10 Technical Stack Pt. 1

Published on March 13, 2008

Author: matthewjetthall

Source: slideshare.net

Description

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

CS 292: Beyond the One Way Web Dan Nanto, Spring 2008 http://beyondtheonewayweb.wordpress.com

Who Am I? CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)

Who Am I?

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)

Seperating Content from Presentation

XML

XSL

Example: RSS

Dynamic Browser Presentation

Javascript

DHTML & DOM

AJAX

APIs – Services

Example: Google Maps

"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)

"The Extensible Markup Language (XML) is the universal format for structured documents and data on the Web." -- W3C XML Web site , July 2000.

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)

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]

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)

File transfer of Data – Fixed Width Format

John Smith 06271975 M

Susan Johnson 07121986 F

Abraham Jones 09251988 M

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!

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

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)

File transfer of Data – Character Separated

John|Smith|06271979|M

Susan|Johnson|07121986|F

Abraham|Jones|09251988|M

Billy-Jo|Christenson|10111987|M

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!

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

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)

Static.

Changes required recoding on both sides

No Validation

No context for data

Not easily standardized

<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)

<user>

<firstName>John</firstName>

<lastName>Smith</lastName>

<birthDate>06271979</birthDate>

<sex>M</sex>

<phone>555-5133</phone>

</user>

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>

Structured Data

Content described

Dynamic

Validated (DTDs and XML Schema)

Portable

Extensible

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)

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>

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)

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

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)

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.

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)

Well Formed vs Valid?

Commenting XML

<!-- this is a comment -->

CData vs PCData

<![CDATA[ … some data … ]]>

XML Schema vs. DTDs

<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)

<user>

<firstName>John</firstName>

<lastName>Smith</lastName>

<birthDate>06271979</birthDate>

<sex>M</sex>

<phone>555-5133</phone>

</user>

<!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)

<!DOCTYPE user [

<!ELEMENT user (firstName, lastName, birthDate, sex, phone)>

<!ELEMENT firstName (#PCDATA)>

<!ELEMENT lastName (#PCDATA)>

<!ELEMENT birthDate (#PCDATA)>

<!ELEMENT sex (#PCDATA)>

<!ELEMENT phone (#PCDATA)>

]>

<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)

<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>

<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)

<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>

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)

Additional Restrictions

values: 1-100

series of values: “red”, “blue”, “green”

data format: ([a-z])*

white space

Length

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

XML – content

XSL – Presentation

XSL Demo CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)

XSL Demo

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)

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

Channel Generic descriptions of the feed Owner and admin information Contains “Items” CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)

Channel

Generic descriptions of the feed

Owner and admin information

Contains “Items”

Item Title Link – URL of the item Description - Synopsis Author Category CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)

Item

Title

Link – URL of the item

Description - Synopsis

Author

Category

Item Category URL Length (in bytes) Type – format of media GUID PubDate Source CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)

Item

Category

URL

Length (in bytes)

Type – format of media

GUID

PubDate

Source

Demo – Fox News RSS feed and Yahoo Pipes CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)

Demo – Fox News RSS feed and Yahoo Pipes

Questions? CS 292-1: Beyond the One Way Web (beyondtheonewayweb.wordpress.com)

Questions?

Add a comment

Related presentations

Related pages

Sport stacking - Wikipedia, the free encyclopedia

Sport stacking (also known as cup ... and a 1-10-1 stack ... MD studied the influence of participation in a 6-week bimanual coordination program on Grade 5 ...
Read more

Pallet - Wikipedia, the free encyclopedia

10: Beverage, Shingles, ... ISO pallet alternative; EUR, EUR 1: 800 mm × 1,200 mm: ... ISO Technical Committee 51: ...
Read more

Get Bigger, Stronger, Better, Faster | STACK

Get better at the sports you play and the life you lead at STACK. ... written 10 books and published more ... Path to the Pros 2016 Episode 1: Meet the ...
Read more

Stack Overflow

Join the Stack Overflow community to: ... asked 9 secs ago Jagadesh 1. 0. votes. 2. ... Meta Stack Exchange; Area 51; Stack Overflow Careers;
Read more

Microsoft Launches Technical Preview of On-Premises Azure ...

... 2016 1:52PM . SHARE. ... will have a new way to get both through the first technical preview of Microsoft's Azure Stack. ... Win 10 Build ...
Read more

YouTube

Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
Read more

Hydraulic power packs, Series MONARCH - BUCHER HYDRAULICS ...

... Series MONARCH. DC Power Units. AC Power Units . ... (stack-mounting) ... LRV-1; VF-LRV; DSV-A3; Power units. Comfort Line;
Read more

Price & Time: Do Or Die This Week For USD/CAD?

Price & Time covers key technical themes daily and ... later this week should shed a ... of the week that sees resistance near 1.3060 overcome ...
Read more