NewtFire logo: a mosaic rendering of a firebelly newt
newtFire {dh}
Maintained by: Elisa E. Beshero-Bondar (eeb4 at Creative Commons License Last modified: Monday, 10-Jan-2022 05:54:00 UTC. Powered by firebellies.

Fall 2021 Syllabus (Schedule) Classes meet T H 3:05 - 4:20pm in Witkowski 109. Attend class wearing a face mask that covers your mouth and nose. (Until further notice, face masks are required inside all university buildings, regardless of vaccination status.) Remember: Your mask protects me, my mask protects you.

Read the Course Description

This contains a detailed explanation of course policies and the basis for grades.

Jump Down to the Schedule

This link jumps to the closest day to today's date. Review the schedule as we get started to get a sense of how this course will work on a daily basis.

Quick links to digital resources

Week 1Class topicsDo before class

T 08-24

  • Welcome! Introduction to the course.
  • About the concept of Open Annotation and the tool that we will experiment with together:
  • Set up accounts and join our private class Group
  • Launch first Annotation Assignment

H 08-26

  • Discussion building on annotations: Slow computing while in university.
  • Introduce PSU Academic Integrity module on Canvas
Week 2Class topicsDo before class

T 08-31

H 09-02

  • Complete The Atlas of Inequality exercise
  • Review and make sure annotations on first set of readings are complete.
  • Start Comparative Website development with GitHub. Git Exercise 1 (setting up your GitHub account), post on introDH-Hub issues.
Week 3Class topicsDo before class

T 09-07

Git and GitHub: Hands-on work with cloning your GitHub repo and the class's GitHub repo, and pushing changes using:
  • git pull (to pull in changes from the remote web repo)
  • git add -A (to add your local changes to your repo on your local computer for tracking)
  • git commit -m "your commit message" (to commit your changes in a bundle ready to be sent to the remote repo, adding a descriptive message to develop the commit history)
  • git push (to send your commit up to the remote repo.
GitHub Pages. Getting started with editing and writing HTML in oXygen.
  • Complete Git Exercise 2: (Create a personal repo and set up GitHub Pages.)
  • Follow the instructions posted on Canvas to download the oXygen XML Editor on a computer you work with for your assignments this semester (choose the version of oXygen compatible with your computer to install). Note: when you download oXygen, you'll receive three different versions: the Author (red icon), the Editor (blue icon), and the Publisher (grey icon). We will only be working with the Editor (blue icon). Please install this and apply the license key posted in my announcement before class on Tuesday 2/2 so we can begin exploring it in class.
  • Get connected with our DIGIT coders chat: Install Slack on your computer / mobile devices and set up your profile using this Slack Guide for New Users : Join the DIGIT-Coders Slack (link expires in two weeks), and set up your profile display name so the class can recognize you.
  • Watch my video introducing the Bash shell and home on your computers and take notes on the shell commands I am introducing. Practice some shell commands
  • Read the git manual 1.1 to 1.3: "Getting Started—About Version Control"

H 09-09

  • Tutoring in DIGIT!
  • Git commands to add, commit, and push from your local computer to your repo. Sending changes to your GitHub Pages directory. Practice with git commands.
  • Learning how to work with HTML code, and file associations: images, and CSS: How HTML points to associated files. Hints for preview of local HTML files:
    • You can open a local file you're working on in a web browser to see how it will look on your published site.
    • Also, try previewing the page by clicking the Author tab in the bottom center of the oXygen XML Editor window.
    • Super helpful resource for info on HTML and CSS code: w3schools
Week 4Class topicsDo before class

T 09-14

Continue GitHub Website Development: Hints for preview of local HTML files:
  • You can open a local file you're working on in a web browser to see how it will look on your published site.
  • Also, try previewing the page by clicking the Author tab in the bottom center of the oXygen XML Editor window.

H 09-16

  • HTML elements: in-depth orientation: Slides on Learning HTML.
  • Look at the CSS Zen Garden: same HTML content styled several different ways with different CSS
  • Responsive web design: resizing to fit mobile devices vs. wide screens
  • Site navigation: creating a simple navigation menu: Sample navigation bars
  • Read about HTML Accessibility and apply what you learn about accessible code on your HTML code for headings, images (providing alt attributes), links, declaring the language. Try applying title attributes.
  • Read about Responsive HTML and try applying what you learn to scaling some elements on your site.
  • Build up content described in the Comparative Web Development Assignment. Develop the basis of your portfolio website on GitHub Pages. Establish sections or pages and provide a way for a visitor to navigate your site.
Week 5Class topicsDo before class

T 09-21

  • HTML and CSS together for simple, accessible web design. Creating the same structure for styling multiple pages the same way.
  • Orientation to Penn state's web services for students, faculty, and staff: and
  • Continue developing GitHub Pages site(s): create and style a navigation bar to connect your pages. (See Sample navigation bars)

H 09-23

Week 6Class topicsDo before class

T 09-28

Orientation to PSU Wordpress and Penn State web hosting services. Wordpress themes for accessibility, and Pages vs. Posts
  • Create website account at (PSU Wordpress)
  • On the Wordpress site, orient yourself to how pages and images are added and arranged. Begin adding and organizing your site content.
  • Work toward completing the Comparative Web Development Assignment

H 09-30

Wordpress and GitHub: Workshopping and troubleshooting site development
Week 7Class topicsDo before class

T 10-05

Introduce distant reading: Voyant Tools exercise. Experimenting with texts posted in introDH-Hub.
  • Clone our class’s introDH-Hub and/or pull in its contents.
  • Comparative Web Development Assignment: Complete content development on both sites. Revise content, formatting, styling with accessibility in mind.

H 10-07

Continue exploring corpus text analysis. Introduce n-gram analysis with Antconc. Review and continue experiments with Voyant Tools.
  • Read An Introduction to N-Grams: What are they and why do we need them?
  • Install Antconc on your computer.
  • Save some plain text in a text file (perhaps from our class exercise on Tuesday): Copy and paste the text of some of our readings (or any long-ish text of your choice) into your computer’s text editor. You may use Notepad or Notepad++ (Windows), TextEdit (Mac), or open a new Text document in <oXygen/>: Paste the text and save it with a .txt file extension. Make a file folder to save this and other related files in your personal GitHub repo, and push this up to your repo.
  • Open your text file in AntConc. Select the Clusters/NGram option along the top AND mark the NGram checkbox at the bottom. Set a minimum and a maximum size: try a minimum size ngram of 2 and a maximum of 4. Take a look at your results, and create a screenshot to save and push to your GitHub repo and upload to Canvas for this exercise.
Week 8Class topicsDo before class

T 10-12

Exploring corpus concordances with Voyant and AntConc. Introduce the Corpus Analysis Assignment Antconc / Voyant assignment: mystery text assignment and discussion on introDH-Hub

H 10-14

  • Cleaning the text data: preparing plain text files to remove material not meant for analysis.
  • Exploring Keyword in Context (KWIC) with Voyant and ngrams. Finding patterns and exploring them. What kinds of comparisons can we make?
  • Continue exploring text data for the Corpus Analysis Assignment. Take screen captures as you explore comparing texts posted on the assignment. (You may also try cleaning up some text files you find of interest on Project Gutenberg: find a text and look for a download option of Plain Text to save the file to work with, and be sure to cut off the lengthy Project Gutenberg boilerplate from the top and bottom of the file.
  • Be sure that your files are saved with a .txt file extension, as in hamlet.txt.
  • Take screen captures of interesting results you see. What ideas do they give you about the texts you are working with?
  • Post on the DIGIT-Coders Slack or open a new post on introDH-Hub if you are stuck and want some help!
Week 9Class topicsDo before class

T 10-19

Large corpus text sampling: how do we read and understand data from a distance? Drafting exercise for Corpus Analysis assignment

H 10-21

Workshop/Discuss corpus analysis drafts Prepare a rough draft of your Corpus Analysis post to workshop and review.
Week 10Class topicsDo before class

T 10-26

Structuring data in Google Sheets for TimeMaps: Launch TimeMapper Exercise: Plotting time and space

H 10-28

TimeMapper Exercise: Plotting time and space. Incorporating image media and media credits. Troubleshooting dates and location markers. Follow my instructions and use my template for setting up TimeMapper and post two things on Canvas:
  1. Your copied Google Sheet template for TimeMapper
  2. Your published TimeMapper view
Week 11Class topicsDo before class

T 11-02

Embedding TimeMapper on a website. Troubleshooting images, multimedia, captions, links, dates and times. Enbedding the TimeMap on your website. Work on the TimeMapper Assignment. Research and plot three events on your TimeMapper, with descriptions and media.

H 11-04

No class meeting: Catch-up day. Meet with me in my office (Kochel 141) for help troubleshooting TimeMapper. Continue working on the TimeMapper Assignment. Make a space to add your TimeMapper to your website.
Week 12Class topicsDo before class

T 11-09

  • Introduce secondary worlds and game analysis unit. Revisit and introduce networks and J. R. R. Tolkien’s Leaf by Niggle. Tolkien, Secondary Worlds, digital media, and game culture.
Complete and submit URLs for the TimeMapper Exercise on Canvas

H 11-11

  • Discussion of Leaf by Niggle. Tolkien, Secondary Worlds, digital media, and game culture.
  • Networking the story with Google sheets templates, Kumu import.
Tolkien Annotations Exercise: Read and annotate (w/ in our 2021FA-IntroDH group) J. R. R. Tolkien, Leaf by Niggle
Week 13Class topicsDo before class

T 11-16

Organizing and visualizing networks on Leaf by Niggle: Working with styling nodes and edges, touring network stats. Construct a network in Google Sheets and import to Begin styling and organizing in

H 11-18

Complete a Kumu network on Leaf by Niggle, submit links to Google Sheet and Kumu network on Canvas.

M 11-22 - F 11-26

Thanksgiving Holiday Have a peaceful and productive week!
Week 14Class topicsDo before class

T 11-30

  • Critiquing a game and analyzing for user experience
  • Avatars and secondary worlds
Game Analysis Assignment:
  • Complete phase 1 (note-taking stage) on your game, and post a copy of your notes on Canvas. Take descriptive notes on game setting, characters, themes
  • Collect, file, and organize screen captures from your game.

H 12-02

Discussion of Game Analysis drafts. Introduce Creative Commons: Remediation, Remixing Copyright, Creative Commons Prepare a first draft of your Game Analysis on your website.
Week 15Class topicsDo before class

T 12-07

Class Exercise: Readings and Discussion: Remixing, Copyright, and Creative Commons. . Work on network for Game Analysis Assignment

H 12-09

Last Day! Workshop Game Analysis Review drafts / networks
  • If applicable to your work, choose a Creative Commons license for resources you are sharing on your website. Cite and credit resources that are not yours.
  • Game Analysis Assignment: Rough draft of second Game Analysis: Include direct links to the game resources you are reviewing on
Finals Week: (December 13 - 17) Due

T 12-14

Complete Game Analysis Review posting due by 11:59pm