Managing Web Content With Core Focus And HTML/XML Part II Summit 2001, Orlando Desert, California Bob Hughes and Laura Voss-Allen, California State University, Hayward [e-mail], [e-mail] NORCAL FUSE:

1
Managing Web Content With Core FocusAnd
HTML/XML Part IISummit 2001, Orlando Desert,
California Bob Hughes and Laura Voss-Allen,
California State University, Haywardrhughes_at_csuh
ayward.edu, lvoss-allen_at_csuhayward.eduNORCAL
FUSE http//www.csuhayward.edu/FOCUS/ncalibug.htm

2
Presentation Section II

• Custom XML Content and Data Generation with Core
  FOCUS
• HTML and XML Integration
• Data Separation and Binding
• True Paging with JavaScript

3
What is XML?

• XML Extensible Markup Language
• Per W3C XML is a subset of SGMLXML has been
  designed for ease of usewith both SGML and
  HTML.
• Unlike HTML, XML does not have a fixed set of
  predefined elements. Instead XML has only a very
  basic syntax allowing the XML author to create
  elements and name them.
• XML Syntax is flexible but strict (not forgiving
  like HTML)
• XML is not a replacement for HTML, it is
  complementary

4
What is XML? (contd)

• XML documents are structured in a Treelike
  hierarchy
• Element names can and should be descriptive
• Elements are nested within other elements
• Can be used to describe chapters in a book,
  database fields, etc
• Supports HRMML, CML, MathML, GedML, MusicMl and
  more

5
Basic XML Rules

• Document must have only one top-level/root
  element
• Elements must be properly nested
• Elements must have start and end tags and tag
  names must match(case sensitive)

6
XML Notes

• Easy to learn choose applications wisely - may
  not benefit much, depending on app
• Separation of data from formatting code - i.e.
  "data islands" - a big benefit!
• Paging buttons other HTML/Java/JavaScript/VBScri
  pt Integration an advantage
• hrefs not bindable - disadvantage

7
Simple XML Layout

• Uses Minimum Amount Of XML Code To Convert Focus
  Report To XML Format
• Unlike HTML Minimum Effort, Results Produces only
  Rough Looking Tree Based Expandable View
• Requires Very Little Effort

8
XML Tag Elements
XML Declaration
Document/Root Element
Elements Nested With Document
9
Simple XML Layout
10
Display Methods for XML Documents

• Style Sheet Linking
• CSS (standard HTML Style sheet language)
• XSL,XSLT (newer, more powerful XML oriented)
• Data Binding
• Link from HTML Page
• Bind standard HTML Elements
• e.g. SPAN, TABLE
• Scripting
• After linking from HTML Page use JavaScript,
  VBScript etc. for access and manipulation

11
XML Formatting with CSS
12
XML Formatting with CSS
CSS File Reference
13
XML Formatting with CSS
14
XML Formatting with XSL

• XSLExtensible Stylesheet Language
• Linked to an XML document like CSS
• XSL provides more power
• Present data in any order or arrangement
• Freely modify or add information
• Sort and Filter XML Data
• May include scripts

15
XML Formatting with XSL
16
XML Formatting with XSL
17
HTML/XML DATA BINDING

• Used for displaying XML Data from within a
  conventional HTML page.
• Links HTML elements to XML Data File elements
• Works only with symmetric XML Documents such as a
  database with records and fields

18
Main HTML/XML Binding Steps with Core Focus...

• Use DEFINE Facility For XML and HTML Tag
  Creation
• Incorporate XML and HTML Tags into Focexec for
  XML and HTML Files
• Save XML and HTML Files via WP Hold
• Use FTP Dynamic Focexec to move to any IP address
  (Web Server, etc.)

19
XML TAG DEFINES
20
HTML/XML Data Binding

• Tables Used For Data Presentation
• Font Sizing and Color Control
• XML Links added to HTML Page
• HTML and XML Files Generated
• Javascript Contols Used For Paging against Bound
  XML Data File

21
HTML with XML Data Binding(1)
22
HTML with XML Data Binding(2)
23
HTML with XML Data Binding(3)
24
HTML with XML Data Binding(4)
25
HTML gt HTML/XML Links
26
HTML W/ All Data Embedded
27
HTML with XML Data Binding
28
XML Parsers

• MS IE v5.5 (built-in parser)
• MSXML v4.0
• MS XML Validation Tool (command line)
• Xmlint.exe _at_www.microsoft.com/xml
• Netscape v6.01 (built-in parser)
• Online Brown University XML Validator
• Wide Variety of XML Parsers/Validators written in
  Java on the web

29
XML Parsers-MS XML Validation Tool (command line)
30
XML Parsers-MSIE v5.5
Element Tag Name Mismatch Error Found
31
XML Parsers-Netscape v6.01
32
XML Validation-Brown Univ
http//www.stg.brown.edu/service/xmlvalid/
33
XML Validation-Brown Univ
http//www.stg.brown.edu/service/xmlvalid/
34
References

• Books
• MS Press Step by Step XML
• Addison-Wesley XSLT Working with XML and HTML
• Web Sites
• www.microsoft.com/xml
• www.w3c.org/xml
• www.xml.com
• www.xml.org
• Presentation Update
• www.csuhayward.edu/FOCUS/summit01