INFSY%20547:%20WEB-Based%20%20%20%20Technologies

1
INFSY 547 WEB-Based Technologies

• Gayle J Yaverbaum, PhD
• Professor of Information Systems
• Penn State Harrisburg

2
prototyping
Final presentation
3
eXtensible Markup Language (XML)
4
XML Environment
5
Terms and Associated Sample Files (Portfolio
Files)

• XML Document Contains Data
• Extensible StyleSheet Language (XSL) Markups to
  apply formatting rules
• Document Type Definition (DTD) or Schema Rules
• Cascading Style Sheet (css) design

6
Applications are integrated
xhtml
Java applets
Scripting languages
xml
Java servlets and server pages
Produces a WEB Application
7
XML

• separates presentation from data!
• case sensitive.
• more work.
• more control .
• you to define elements.
• facilitates the exchange of information

8
XML OVERVIEW
Note 1. WEB supplemental tutorial is a
valuable resource http//www.w3schools.
com/xml/xml_whatis.asp 2.
http//www.personal.psu.edu/gjy1/infsy547/Portfoli
oProject.xml (IE ONLY for now!!)
9
XML Declaration

• lt?xml version1.0?gt
• Must be first line

lt?xml version"1.0" encoding"utf-8"?gt lt?xml-style
sheet type"text/xsl" href"PortfolioProject.xsl"
?gt lt!DOCTYPE PORTFOLIO SYSTEM "PortfolioProject.dt
d"gt
10
XML (View Source)

• Begins with a processing instruction
• Opening and closing tags
• Hierarchy with defined relationships
• Root element

11
XML Elements

• Core component of XML
• (text 297-303)
• Describes the meaning of the defined text.

12
Element Building Block of XML

• Each element has a name and content
• Each element has a start and end tag
• XML does NOT define elements

Example ltPORTFOLIOgt
lt/PORTFOLIOgt
13
lt?xml version"1.0" encoding"utf-8"?gt lt?xml-style
sheet type"text/xsl" href"PortfolioProjectShell.
xsl" ?gt lt!DOCTYPE PORTFOLIO SYSTEM
"PortfolioProjectShell.dtd"gt ltPORTFOLIOgt ltSECTION
gt ltTITLEgtVIRTUAL PORTFOLIOlt/TITLEgt ltO1gt ltO11gt
Used to convey to others the skill level of
the person who is maintaining the portfolio.
lt/O11gt ltO11gt Artists typically
demonstrate skills via a portfolio.
Relevant here because skills are mastered
throughout the semester. Output is a measure
of skill level. The objective of a portfolio
is to track, evaluate, and improve
performance by providing work examples.
lt/O11gt
14
ltO11gt An electronic portfolio is 1lt/O11gt
ltO2gt a collection of authentic and diverse
evidence,lt/O2gt ltO2gt drawn from a larger
archive representing what a
person or organization has learned over
timelt/O2gt ltO2gt on which the person or
organization has reflected, andlt/O2gt
ltO2gt designed for presentation to one or more
audiences for a
articular rhetorical purpose.lt/O2gt ltREFSgt
ltreflinkgt http//electronicportfol
ios.org/systems/paradigms.html
lt/reflinkgt ltreftitlegt1
Barrett, H., Wilkerson, J. (2004), Conflicting

Paradigms in Electronic Portfolio Approaches
Choosing an Electronic Portfolio Strategy that
Matches
your Conceptual Framework
lt/reftitlegt lt/REFSgt lt/O1gt lt/SECTIONgt
15
ltSECTIONgt ltTITLEgtINFSY 547
PORTFOLIOlt/TITLEgt ltO1gt ltO11gt A
collection of work that an individual completes
this semester.lt/O11gt
ltO11gtPrivate WEB space (PASS) rather
than paper output. Portfolio
becomes an evolutionary development of all
worklt/O11gt ltO11gtUsing your
virtual drivelt/O11gt ltO2gtAvailable when
you log on to any PSU machinelt/O2gt
ltO2gtSee PASS on syllabus resources for further
information about how to access
your personal space.lt/O2gt ltREFSgt
ltreflinkgthttp//aset.its.psu.edu/accounts/personal
.htmllt/reflinkgt ltreftitlegtForm to Open PASS
Spacelt/reftitlegt lt/REFSgt
ltREF2gtlt/REF2gt lt/O1gt
16
lt/SECTIONgt ltSECTIONgt ltO1gt ltO11gtSample XML
(for discussion purposes) lt/O11gt ltPICSgt
ltANYIMAGEgtXML.jpglt/ANYIMAGEgt lt/PICSgt lt/O1
gt lt/SECTIONgt ltRESOURCESgt
ltaddressgthttps//portfolio.du.edu/pc/port.detail?i
d33150 lt/addressgt
lttitle1gtThe Structure of a Portfoliolt/title1gt lt/R
ESOURCESgt ltOTHERgt ltOPT type"mailto"gt lturl
gtgjy1_at_psu.edult/urlgt lttextgtGayle J
Yaverbaumlt/textgt lt/OPTgt lt/OTHERgt lt/PORTFOLIOgt
17
Rules for Element Names

• May start with a letter or an underscore
• May consist of
• Letters
• Digits
• Underscore character
• Dot
• Hyphen
• Cannot start with the string xml
• XML names are case sensitive

18
lt?xml version"1.0"?gt lt!DOCTYPE example SYSTEM
PortfolioProject.dtd"gt ltPORTFOLIOgt .
. lt/PORTFOLIOgt

• Must have one root element
• Similar to the
• ltHTMLgt lt/HTMLgt
• in html type of document
• Programmer defines a root name
• ltPORTFOLIOgt
• lt/PORTFOLIOgt

XML Document
19
Rules for Writing XML

• Indentation is ignored but important to design.
• Expectation is well-designed applications!
• Eclipse Source/Format/Document
• Spaces are ignored.
• All elements must have opening and closing tags.
• Case matters!

20
Semester Virtual Portfolio

• Portfolios 12 points (reviewed at times
  recorded on syllabus)
• Contents
• Work completed this semester.
• Cover Page linked in ANGEL Profile.
• First Link Research Paper Section where you will
  have link (s) to each version of your paper (WORD
  format)

21
Semester Virtual Portfolio

• A collection of work you complete this semester.
• Private WEB space rather than paper output
• Evolutionary development of all work
• Judged on originality, design, and content