Explanatory Guides Used in Courses

Quick Links: Git and GitHub | HTML | JavaScript | Network Analysis | Project Preparation | Python | QGIS | Regular Expressions | Relax NG | Schematron | SVG | TEI | XML | XPath | XQuery | XSLT

• Project preparation guidelines
• Introduction to XML
  • XML Exercise 1
  • Other XML exercises are more open-ended, listed in the opening weeks on the current syllabus.
• Guide to GitHub and Git Shell with our DHClass-Hub
  • 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) and Introduction to Cascading Stylesheets (CSS)
  • HTML and CSS Exercise 1
  • HTML and CSS Exercise 2
• Regular Expression Matching (Regex) and Up-Conversion to XML
  • Regex Exercise: sonnets
  • Regex Exercise: semester dates
  • Regex Exercise: Dracula
  • Regex Exercise: Blithedale Romance
  • Regex Exercise: voyage log
  • Regex Exercise: play
• Follow the XPath!
  • XPath Exercise 1
  • XPath Exercise 2
  • XPath Exercise 3
  • XPath Exercise 4
• Guide to Schema Writing with Schematron
  • Schematron Exercise 1
  • Schematron Exercise 2: Digital Mitford Site Index
  • Alternative Schematron Exercise 2: Emily Dickinson Poems
  • Coding with Unique Identifiers and How to Test for them 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:

  • XSLT Exercise 1
  • XSLT Exercise 2
  • XSLT Exercise 3
  • XSLT Exercise 4
  • XSLT Exercise 5
  • XSLT Exercise 6
  • XSLT Exercise 7

  Short Sequence of Exercises

  • XSLT Exercise 1
  • XSLT Exercise 2
  • XSLT Exercise 3
  • XSLT Exercise 4
• Introduction to XQuery and the eXist XML Database (Coding and Data Visualization course)
  • XQuery Exercise 1
  • XQuery Exercise 2
  • XQuery Exercise 3: XQuery and XSLT to produce KML for Mapping
• 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:
    • Part 1: viewport, viewBox, and oreserveAspectRatio
    • Part 2: The transform attribute
    • Part 3: Establishing new viewports
  • 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)
  • XQuery to Network Analysis Exercise, part 1
  • XQuery to Network Analysis Exercise, part 2
• Javascript

  Tutorials

  • newtFire JavaScript Intro (under development)
  • Introduction to Javascript
  • Javascript Toggling with classList and switch

  Exercises

  • JavaScript Exercise 1 (with Server Side Includes)
  • JavaScript Exercise 2
  • JavaScript Exercise 3 (CDA)
  • JavaScript Exercise 3 (CDV)
• 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
• newtFire House Style