Tools and Tutorials

Digital Humanities Teaching Resources

 

Course Modules

 

 

Tools-Oriented Introductions and Overviews

 

 

Digital Project Development 

 

Maps

 

Recommended Tools:

Recommended Reading:

 

Timelines



Recommended Tools:

 

 

Network Analysis and Visualization

 

Recommended Tools:

Recommended Reading:

 

Text Analysis and Visualization

 

Recommended Tools:

Recommended Reading:
 

Data Visualization

 

Recommended Tools:

 

Recommended Reading:

  • Visualization (conceptual overview with examples and classroom exercises)

     

Recommended Tutorials:

 

Data and Databases

 

Recommended Tools:

Recommended Reading:

 

Digital Scholarly Publishing (including Archives and Exhibits) 

 

Recommended Tools:

 

Twitter Bots

 

 

 

Physical Computing

 

Recommended Tools:

 

3D Printing

 

Recommended Tools:

 

Recommended Reading:

 

IAC projects using 3D printing:



Mobile Development

 

 

Recommended Resources:

  •  Android
    • Android docs: https://developer.android.com/training/index.html

    • Android studio guide: https://developer.android.com/studio/intro/index.html

    • Android studio installer: https://developer.android.com/studio/install.html

    • Learn Java: https://www.codecademy.com/learn/learn-java

  • iOS

    • Apple docs: https://developer.apple.com/

    • Learn swiftt: https://developer.apple.com/swift/playgrounds/

    • Learn swfit basics: https://codewithchris.com/learn-swift/

    • Swift advanced: https://www.learnswift.tips/

  • React
    (javascript shell that creates both iOS and android components for cross platform apps)

  • General coding supportStackoverflow

 

Augmented / Virtual Reality 

 

 

Recommended Tools:

 

Recommended Reading:

 

Audio / Video Production

 

Recommended Reading:

  • Video (curated classroom exercises and artifacts)

 

Wireframing & Prototyping

 

"A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose.”

Wireframing is part of the user center designed process. It can be useful to mockup what a website or app interface will look like and how users will interact with it before you jump into developing it. This way you can work out any usability, layout or information flow issues. It is cheaper and quicker to update a wireframe mockup then it is to update deployed code.

After mocking up static pages it can be useful to link them together in an interactive prototype so you can test the flow between pages.

 

Recommnended Resources:

  • Wireframing & Prototype Basics: https://webdesign.tutsplus.com/articles/a-beginners-guide-to-wireframing-- webdesign-7399

Recommended Tools:

  • Mac only

    • Sketch: https://www.sketchapp.com/

      • free trial

      • student 50% discount

      • industry standard

      • only handles static mockups

  • All platforms

    • Adobe XD: http://www.adobe.com/products/xd.html

      • Included in Creative Cloud Subscription

      • Handles static mockups and interactions

    • Invision: https://www.invisionapp.com/

      • Free

      • Handles linking of pages together

    • Balsamiq: https://balsamiq.com/

      • Trial

      • Student license

      • static mockups with pre-existing components