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.
This contains a detailed explanation of course policies and the basis for grades.
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 1 | Class topics | Do before class |
|---|
T 08-24
|
- Welcome! Introduction to the course.
- About the concept of Open Annotation and the Hypothes.is tool that we
will experiment with together: Hypothes.is
- Set up Hypothes.is accounts and join our private class Hypothes.is
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 2 | Class topics | Do before class |
|---|
T 08-31
|
|
|
H 09-02
|
|
- Complete The Atlas of
Inequality exercise
- Review and make sure Hypothes.is 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 3 | Class topics | Do 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 4 | Class topics | Do before class |
|---|
T 09-14
|
|
Continue GitHub Website Development:
- Edit your index.html file in your GitHub, which is the root or base page of your website. Experiment with adding links and customizing content to make this page your own.
- Work with w3schools for handy ready reference on how to write HTML and CSS code. See especially:
- Use your git commands to add, commit, and push your modified/new content from your local computer to your GitHub Pages site on your remote GitHub repo.
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 5 | Class topics | Do 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: https://sites.psu.edu and https://personal.psu.edu
|
- Continue developing GitHub Pages site(s): create and style a navigation bar to connect your pages. (See Sample navigation bars)
|
H 09-23
|
- Working with HTML
@class and @id attributes for use in styling wtih CSS.
- Reading the w3c Validator: what it shows you.
- Designing and checking for website accessibility: testing and checking sites; how to improve accessibility
- Porting contents to multiple sites: issues, possibilities
|
|
| Week 6 | Class topics | Do 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 sites.psu.edu (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 7 | Class topics | Do 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 8 | Class topics | Do 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 9 | Class topics | Do 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 11 | Class topics | Do 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 13 | Class topics | Do before class |
|---|
T 11-16
|
Organizing and visualizing networks on Leaf by Niggle : Working with Kumu.io:
styling nodes and edges , touring network stats. |
Construct a network in Google Sheets and import to Kumu.io. Begin styling and organizing in Kumu.io
|
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 14 | Class topics | Do 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 15 | Class topics | Do before class |
|---|
T 12-07
|
Class Exercise: Readings and Discussion: Remixing, Copyright, and Creative Commons. .
|
Work on Kumu.io 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 itch.io.
|
