Tools and Tutorials

Tools-Oriented Introductions and Overviews

Digital Project Development 

Maps

Recommended Tools:

Recommended Reading:

Timelines

Recommended Tools:

Recommended Reading:

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:

Recommended Reading:

Twitter Bots

Physical Computing

Recommended Tools:

Recommended Reading:

3D Printing

Recommended Tools:

Recommended Reading:

IAC projects using 3D printing:

Mobile Development

Recommended Resoueces:

  •  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)

    • React native: https://reactnative.com

    • React native tutorial: https://www.raywenderlich.com/165140/react-native-tutorial- building-ios-android-apps-javascript

  • General coding support: https://www.stackoverflow.com

Augmented / Virtual Reality 

Recommended Tools:

Recommended Reading:

Audio / Video Production

Recommended Tools:

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