190 likes | 197 Views
This project explores the proposed extensions on HTML to improve timing and synchronization in the Internet. It investigates technologies such as XML, RDF, and MathML supported by the Mozilla browser effort. The future of web page design with XHTML, CSS, and JavaScript is also examined.
E N D
Extended HTML By Ryan Greenleaf & Raymond Dela Cruz Greenleaf/DelaCruz Extended HTML
Motive Research Conclusion Questions? Extended HTML Greenleaf/DelaCruz Extended HTML
Motive • HTML, supported by the current Internet Mosaic does not provide good timing-related synchronization support. This project will research the proposed extensions on HTML to be used in Internet environment. The study of Mozilla browser effort and new browser features, such as XML, RDF and MathML support. Greenleaf/DelaCruz Extended HTML
Research • Extended HTML • Overview XML, AJAX, XHTML, CSS, JavaScript • Timing and Synchronization • The Mozilla Project • XML, RDF and MATHML • The future of Web Page Design Greenleaf/DelaCruz Extended HTML
Current Technologies • HTML • XML • XHTML • CSS • JavaScript Greenleaf/DelaCruz Extended HTML
Timing & Synchronization • Efficient ways to present Multimedia using XML? • HTML + TIME (Microsoft) • SMIL Greenleaf/DelaCruz Extended HTML
Mozilla Project Overview Greenleaf/DelaCruz Extended HTML
XML & Mozilla • Mozilla does not load external entities from the web • For pointing into resources in XML docs, Mozilla also supports FIXptr Greenleaf/DelaCruz Extended HTML
RDF & Mozilla • An RDF data model can be used as a mechanism for integrating and organizing resources • The RDF consists of: Resources Property Statements Greenleaf/DelaCruz Extended HTML
RDF Example <?xml version="1.0"?> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cd="http://www.recshop.fake/cd#"> <rdf:Description rdf:about="http://www.recshop.fake/cd/Empire Burlesque"> <cd:artist>Bob Dylan</cd:artist> <cd:country>USA</cd:country> <cd:company>Columbia</cd:company> <cd:price>10.90</cd:price> <cd:year>1985</cd:year> </rdf:Description> <rdf:Description rdf:about="http://www.recshop.fake/cd/Hide your heart"> <cd:artist>Bonnie Tyler</cd:artist> <cd:country>UK</cd:country> <cd:company>CBS Records</cd:company> <cd:price>9.90</cd:price> <cd:year>1988</cd:year> </rdf:Description> </rdf:RDF> Greenleaf/DelaCruz Extended HTML
MathML • A mathematical expression can be represented as an aggregate set of boxes. • 2 formats in MathML for representing an equation: Presentational Tags Semantic/Content Tags Greenleaf/DelaCruz Extended HTML
Presentation Tags in MathML Equation: x + a / b <mrow> <mi> x </mi> <mo> + </mo> <mrow> <mi> a </mi> <mo> / </mo> <mi> b </mi> </mrow> </mrow> Greenleaf/DelaCruz Extended HTML
Future of Web Page Design • XHTML 2.0 • TIME 2.0 • SMIL 2.0 • CSS 3 • AJAX Greenleaf/DelaCruz Extended HTML
The Future is XHTML • "As with its past, the future of HTML will be varied, some might say messy, but I believe XHTML 2.0 will ultimately receive widespread acceptance and adoption. A big move in this direction will be in Embedded devices such as phones and digital TVs, which will have no need to support the Web's legacy of messy HTML, and are free to take unburdened advantage of XHTML 2.0." Greenleaf/DelaCruz Extended HTML
Why XHTML 2.0? • Use XML as much as possible: Where a language feature already exists in XML, don't duplicate or reinvent it. • Structure over presentation: Thanks to CSS stylesheets, you no longer need explicitly presentational tags in HTML. • Make HTML easier to write: Remove some of the needless idiosyncrasies of HTML. • More accessibility, device independence: Make as few assumptions as possible about the way a document will be read. • Improved internationalization. • Better forms: Long overdue improvements are required! • Reduce the need for scripting: Include typical scripting usages in HTML itself. • Better semantics: Make it easier to integrate HTML with semantic Web applications. Greenleaf/DelaCruz Extended HTML
Conclusion Greenleaf/DelaCruz Extended HTML
Questions Greenleaf/DelaCruz Extended HTML
Sources • The future of HTML • http://www.w3.org/MarkUp/future/papers/adobe-19980427.html • Current XHTML • http://webdesign.about.com/cs/xhtmlxml/a/aa013100a.htm • XHTML 2.0 • http://programming.newsforge.com/newsvac/06/01/27/1747243.shtml • All about • http://www.w3.org/MarkUp/ • AJAX • http://en.wikipedia.org/wiki/AJAX • CSS and CSS3 • http://en.wikipedia.org/wiki/Cascading_Style_Sheets • SMIL –timing • http://en.wikipedia.org/wiki/Synchronized_Multimedia_Integration_Language • Microsoft and TIME • http://msdn.microsoft.com/library/default.asp?url=/workshop/author/behaviors/time.asp Greenleaf/DelaCruz Extended HTML
Sources Continued….. • http://developer.mozilla.org/en/docs/XML_in_Mozilla • http://www.xml.com/pub/a/2000/03/29/tutorial/index.html • http://developer.mozilla.org/en/docs/RDF_in_Fifty_Words_or_Less • http://www.mozilla.org/rdf/back-end-architecture.html • http://www.mozilla.org/projects/mathml/ • http://www.w3.org/TR/REC-MathML/ Greenleaf/DelaCruz Extended HTML