1. INFSY 547: WEB-Based Technologies Gayle J Yaverbaum, PhD Professor of Information Systems Penn State Harrisburg

2. Design/Construction Testing/launch/handover prototyping Final presentation

3. eXtensible Markup Language (XML)

4. XML Environment DTD DTD: Set of Rules applied to XML document XSL XSLT: Transforms XML document to a different format. XML XML: Describes Information css

5. Terms and Associated Sample Files (Portfolio Files) XML Document: Contains DataXML Document: Extensible StyleSheet Language (XSL): Markups to apply formatting rulesExtensible StyleSheet Language Document Type Definition (DTD) or Schema: RulesDocument Type Definition (DTD) Cascading Style Sheet (css): designCascading Style Sheet (css):

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

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/PortfolioProject.xmlhttp://www.personal.psu.edu/gjy1/infsy547/PortfolioProject.xml (IE ONLY for now!!)

9. XML Declaration Must be first line

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:

13. VIRTUAL PORTFOLIO Used to convey to others the skill level of the person who is maintaining the portfolio. 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.

14. An electronic portfolio is: [1] * a collection of authentic and diverse evidence, * drawn from a larger archive representing what a person or organization has learned over time * on which the person or organization has reflected, and * designed for presentation to one or more audiences for a articular rhetorical purpose. http://electronicportfolios.org/systems/paradigms.html [1] Barrett, H., Wilkerson, J. (2004), Conflicting Paradigms in Electronic Portfolio Approaches Choosing an Electronic Portfolio Strategy that Matches your Conceptual Framework

15. INFSY 547 PORTFOLIO A collection of work that an individual completes this semester. Private WEB space (PASS) rather than paper output. Portfolio becomes an evolutionary development of all work Using your virtual drive Available when you log on to any PSU machine See PASS on syllabus resources for further information about how to access your personal space. http://aset.its.psu.edu/accounts/personal.html Form to Open PASS Space

16. Sample XML (for discussion purposes) XML.jpg https://portfolio.du.edu/pc/port.detail?id=33150 The Structure of a Portfolio gjy1@psu.edu Gayle J Yaverbaum

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. XML Document Must have one root element –Similar to the in html type of document –Programmer defines a root name:.

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