Maintained by: Elisa E. Beshero-Bondar (eeb4 at psu.edu)

Creative Commons License

Last modified: Wednesday, 22-Mar-2023 05:28:35 UTC. Powered by firebellies.

Explanatory Guides Used in Courses

Quick Links: Cascading Stylesheets (CSS) | Geographic Information Systems: KML and QGIS for XML projects | Git and GitHub | HTML | JavaScript | Network Analysis | Project Preparation | Python | Regular Expressions | Relax NG | Schematron | SVG | TEI | XML | XPath | XQuery and PHP | XSLT

Project Management
- Requirements for initiating semester projects
- Project preparation guidelines
Introduction to XML and document modeling
- XML Intro Exercise: Leaves poem
- XML Intro Exercise: Bread recipe
- XML Intro Exercise: Historic letter
- XML Exercise (more advanced): The Ballad of Booker T.
- Other XML exercises are more open-ended, listed in the opening weeks on the current syllabus.
Guide to GitHub and Git Shell
- GitHub repos for classes:
  - newtfire GitHub organization: organization of GitHub repositories associated with Penn State Behrend classes
  - introDH-Hub: for Penn State Behrend DIGIT 100: Introduction to Digital Humanities
  - textEncoding-Hub: for Penn State Behrend DIGIT 110: Text Encoding
  - textAnalysis-Hub: for Penn State Behrend DIGIT 210: Text Analysis
  - digitProjectDesign-Hub: for Penn State Behrend DIGIT 400: Digital Project Design
  - DHClass-Hub (now archived): used with Pitt-Greensburg coding courses through Spring 2020
- Git Exercise 1
- Git Exercise 2
- The book-chapter that former student student instructor Rebecca J. Parker co-authored with me about our use of GitHub in this class: A GitHub Garage for a Digital Humanities Course published in New Directions for Computing Education (Springer Books, 2017) pp. 259-276
Orientation to the TEI
- Document Analysis and TEI Exercise, Part 1 of 2
- Document Analysis and TEI Exercise, Part 2 of 2
Guide to Schema Writing with Relax NG
- Relax NG exercises involve writing schemas and revising XML from the XML exercises.
Introduction to XHTML (and HTML)
CSS and website layout resources
- Our Introduction to Cascading Stylesheets (CSS)
- Our slides on learning CSS, with color and web accessibility resources
- CSS Zen Garden: one page, several completely different styles
- Obdurodon: Using HTML <span> and @class for CSS styling
- Obdurodon: Webfonts
- Obdurodon: pure CSS animations (with example)
- Website layout with CSS:
  - Obdurodon’s website layout tutorial
  - Learn CSS Layout (see more updated resources below for flexbox and grid layouts)
  - Complete Guide to Flexbox
  - The ultimate CSS grid tutorial for beginners
  - Semicolon’s Complete CSS Grid Tutorial (good visual guide)
Javascript
Tutorials and Examples
Exercises
- JavaScript Exercise 1 (with Server Side Includes)
- JavaScript Exercise 2
- JavaScript Exercise 3 (CDA)
- JavaScript Exercise 3 (CDV)
Regular Expression Matching (Regex) and Up-Conversion to XML
Follow the XPath!
Guide to Schema Writing with Schematron
Examples from our projects
- Digital Mitford Project Schematron rules for validating attributes against an index
- GitHub: Roman numeral checking in Amadis-in-Translation Project Schematron
- Obdurodon challenge example: Using Schematron in Editing (flagging when text is too long or short using string-length())
- Newtfire challenge example: Schematron for complex poetry markup (fine-tuning whitespaces and checking witness ids in poetry using TEI critical apparatus markup)
Introduction to XSLT
Long Sequence of Exercises:
Short Sequence of Exercises
Introduction to XQuery and the eXist XML Database (Coding and Data Visualization course)
- XQuery Exercise 1: introducing XQuery with eXist-dB with Shakespeare’s plays
- XQuery Exercise 2: introducing FLWOR with Shakespeare’s plays
- XQuery Exercise 3: introducing FLWOR statements: Disney Songs project
- XQuery Exercise 4: FLWOR to HTML: Disney Songs project
- XQuery Exercise 5: Saving output to eXist-dB from the Blues Analysis project
- XQuery Exercise (long): Digital Mitford project: FLWOR and XQuery to HTML
- XQuery / PHP: Introduction to PHP with eXist-dB
Geographic Information Systems: KML and QGIS for XML projects
- XQuery and XSLT to produce KML for Mapping
- QGIS Series
  - Making a Basic Map with QGIS: Introductory tutorial exercise
  - QGIS Exercise 1: Mapping the Pokemon
  - QGIS Exercise 2: Researching historic Pacific voyages with weather and ocean temperature data
  - QGIS Exercise 3: Exploring export formats from QGIS for websites
SVG (Scalable Vector Graphics)
Tutorials, Editors, and Ideas:
- Jakob Jenkov’s SVG Tutorial: very thorough and handy reference
- w3 schools SVG tutorial: a quick introduction, but not so thorough at the Jenkov tutorial
- The ultimate guide to SVG: helpful material on using SVG in site design for banners and more.
- SVG Cheat Sheet
- Sarah Soueidan's tutorial on Understanding SVG Coordinate Systems and Transformations:
- Obdurodon: How to Embed SVG in an XHTML Page
- carto:net: Using XSLT to create SVG Content: We do all this in oXygen, but this shows an alternative command-line processing of XSLT.
- Geometry of a Circle (for help if you want to plot points or wedges on a circle).
XSLT-to-SVG Sequence of Exercises:
- SVG Exercise 1
- SVG Exercise 2: XSLT to line graph
- SVG Exercise 3: XSLT to stacked bar graph
XQuery-to-SVG Sequence of Exercises:
- SVG Exercise 1
- SVG Exercise 2: Plotting a timeline with XQuery, part 1
- SVG Exercise 3: Plotting a timeline with XQuery, part 2
- SVG Exercise 4: Bar graph or choice, with XQuery
SVG Editors:
- Google Code Online SVG Editor
- Inkscape: free SVG software
Inspiration:
- Wikipedia’s page on diagrams
- Wikipedia on charts
Introduction to Network Analysis and Cytoscape for XML Coders (Coding and Data Visualization Course)
Python
Resources
- Natural Language Processing: Wordnet Sandbox: Python Notebook tutorial by David Birnbaum, used in Obdurodon's Victorian Ghost Stories project and newtFire's Eldritch project
- Dataquest: Python web scraping tutorial using BeautifulSoup
Exercises
- Python Natural Language Processing Exercise 1
- Python Natural Language Processing Exercise 2
newtFire House Style