6/22: What is a Digital Story?

overview of today’s class:

  • syllabus
  • schedule
  • assignments/projects
  • blogging
  • class slack channel 
  • activities – Story of an Hour

brief lecture:

What is a Digital Story? story forms, narrative theory/terms, storytelling and evolution, computers and storytelling, digital convergence, networks 


Blog posts (per module or twice a week) will be 250-500 word reflections on the readings and viewings. Please do include quotes as blockquotes in the formatting menu and, if you want, links using the link tool. To add images, you can upload using the “add media” button in the menu. For Youtube and Vimeo videos, just paste the url into its own line in a blog post.

Set up blogs/ Create a blog post.

Slack channel:

  • download Slack
  • class communication, questions, discussions, shared docs, and zoom invites will happen on our class Slack channel. I will send an invite to join our channel


storytelling tools and platforms:

source material:

working with text:

digital images:

digital video/audio:

  • Adobe Premiere
  • Audacity/Garageband
  • HTML5 audio/video tags
  • Javascript and video/audio

hypertext/hypermedia (Twine)


Who is Kate Chopin?

Read story in class: Story of an Hour, by Kate Chopin

What is the story about? How would you characterize the narrative?

free indirect discourse: involves both a character’s speech and the narrator’s comments or presentation

Describe the plot…
simple plots : circumstances change but the characters don’t
complex plots: change in circumstances produces change in characters

Dramatic adaptations:

In-class Exercises #1:

  • Color red the important plot points – the points of change in the narrative
  • Color green the important story elements – the parts of the narrative that reveal the inner transformation of the character, Louise.
  • Color blue the exposition of Louise’s relationship with her husband (the backstory) 
  • How would you segment the narrative into sections or “acts”?
  • What is the “inciting” incident?
  • What is the climax of the story?
  • What is the resolution?
  • How is suspense created for the reader?
  • What are the gaps in the story? What is unsaid? And why are these important for the narrative effect?

 In-class Exercise #2 – Twine adaptation

  • Story of an Hour as digital adaptation?
  • typographic, visual, cinematic, hypertextual/hypermedial, database
  • brainstorm a digital adaptation of “Story of an Hour”
  • Break up story into fragments of story event 
  • Add passages to a new Twine project (download)
  • Here is a Twine template to get you stared. Open the simple template in Twine.

In-class Exercise #3 –  Remix: The Story of an Hour 

Take the basic plot/story and change in the following ways:

  1. narrative style
  2. setting 
  3. character
  4. addition or subtraction (event, character, object, adjectives, letters)

for example:

  1. write in first person, as a child
  2. set at a birthday party
  3. change genders of characters
  4. include a dog

Remix a new contemporary story using  “Story of an Hour” as your main source material. 

Develop your new story as a basic plot in a new Twine project.

FTP= “file transfer protocol”

  1. Open ftp software
  2. “Open Connection”
  3. Enter the following info:
    servername: dtc-wsuv.org
    username: first initial + last name + the year  started(’18”)  + @dtc-wsuv.org (so, “Sam Jones” would be “sjones18@dtc-wsuv.org”)  – all in lowercase, no spaces or symbols!!
    password: sent to your wsu email, can’t be changed!
  4. If successful, you should be in your personal server directory that has the same name as your username. Now you can either drag the folder and files in that directory or use the “action” menu to “upload”
  5. Please upload folders with the following in all lowercase:  You can always change the folder and file names on the remote server, as you would on your desktop.
  6. Make sure that your default page for the project folder is “index.html”
  7. Check how everything looks on the live absolute URL – for example: http://dtc-wsuv.org/sjones18/blackbird/
  8. If you cannot see images, make sure that your file names and calls to access those files are all lowercase. Servers are case-sensitive!
  9. In the blog, post assignments with the url linking to your project 

Leave a Reply