Content Creation Assignment

--- title: Content Creation Assignment tags: assignment --- #### [⬅️ Return to course website](http://cs.brown.edu/courses/csci1951-v/#assignments-box) <span style="font-size: 50px;">**Content Creation Assignment**</span> :::info **Released: September 22nd** **Due: October 3rd 11:59pm ET** ::: :::warning Reminder: There are no late days for non-code assignments! ::: # Introduction :::info Note: You should complete the Dash component of Lab 1.5 before starting this assignment. ::: :::warning Important: Make sure to use Novice mode, **not** Developer mode while working on this assignment! Developer mode features are less stable, and things could break. ::: The purpose of this assignment is twofold: 1. To give you more experience using a modern hypermedia system built on the MERN stack by having you **construct a hypermedia corpus** 2. To have you **build an interesting narrative trail** à la Bush through that corpus using “Dash Presentation Trails”. This assignment has a lot of freedom and will require some creativity on your part; think of it as a creative writing assignment using hypermedia. We suggest you build the assignment around a hobby, a course, or set of courses, i.e., some topic or project that interests you — it could be donuts 🍩. <div style ="text-align:center; margin-bottom: 20px; width: 600px;"><img style="border-radius:5px;" src="https://i.imgur.com/QyQJdJY.png"/> </div> **Think of an interesting story/narrative** that you want to tell using a hypertext corpus where you will use both **free-form exploration** (i.e. panning/zooming over the workspace, scrolling text-based documents, following links, etc.) and **guided exploration** using a presentation trail which lets you define and sequence through particular points of view on your corpus as a sequence of snapshots/slides. The presentation trail provides a “backbone” of a guided tour, but the viewer is free to wander and explore the corpus at will, and then resume the tour. Think of a guided museum tour but with the freedom to wander to other rooms not explicitly on the main tour and then resume the tour where you left off. Your chosen story/narrative should inform which media documents you want to import or drag in from the Web to support your story, and what RTF text notes of your own are that you want to add (e.g. summaries, commentary, explanations, sources, etc). Your narrative needn’t be long -- the hypermedia equivalent of a “short story” rather than a novel. **The whole experience should be 5-8 minutes** -- we just want you to get a taste of both Dash and the idea of this form of Bush-style narrative based on a hypermedia corpus. (Of course, after you’ve done the basic assignment well, we’d love you to read about additional features and create a more interesting corpus and narrative, but it isn’t necessary for the assignment.) We are only introducing you to the basic features of Dash, though we encourage you to explore its more advanced features time permitting. Please note that advanced features may be less stable and more error prone. # Dash Basics Dash supports a variety of documents, which can range from images to PDFs to collections of other documents. You can visit [**the Dash Documentation**](https://brown-dash.github.io/Dash-Documentation/getting-started/) for examples of how they can be used and for other tips on getting started. Here are some notes: - If you are on a slow internet connection, Dash may take a long time to load. If you want to check to see if loading is actually happening, you can open the Network tab in the browser's DevTools to see if anything is downloading. - Report any weird/unexpected behaviors by clicking on the bug icon in the upper right corner of the screen and filling out the bug report form. This will be very helpful to the Dash team. - Don't hesitate to ask questions! If you have questions after reviewing the [documentation](https://brown-dash.github.io/Dash-Documentation/), and don't hesitate to post to Slack in the `#dash` channel. - Don't import videos that are too large, or you might hit the file size cap. - Refreshing the browser can sometimes fix weird/unexpected behaviors you encounter. For example, if the undo stack button is yellow while no documents are selected, a refresh may be necessary. :::info Note: Refreshing will cause you to lose the undo/redo stack from the prior session. ::: --- Here are the three parts of the assignment. We expect the full assignment to take less than 8 hours, including learning the basics of Dash. ## 1. Building the corpus - Familiarize yourself with the general facilities of Dash by watching the short set of overview videos available [**here**](https://brown-dash.github.io/Dash-Documentation/videos/). Some precise interactions/UIs may not be fully up-to-date, but they will give you the flavor of Dash. - To build the corpus, import a variety of media of your choice to your dashboard, arrange them, and incorporate hypertext features like linking and annotation. ## 2. Creating your trail - Build at least one trail through selected items in your corpus that you can narrate using Presentation Trails. Use this to develop your narrative, but keep in mind that your guided tour can be stopped for free-form exploration at any time. - We recommend watching the the example narratives [here](#Example-Narratives) to get a better undestanding of how to do this. ## 3. Presenting - Make a **5-8 minute video** of your hypermedia narrative. You should screen record yourself presenting your trail, while providing a voice-over about your narrative. - Here are some example videos to get an idea of what it means to build a Hypermedia Narrative. Remember that these are just examples to help you get an idea of what a narrative could look like, not what it should look like! 1. [Brynn's Dash Hypermedia Narrative on **Baking**](https://www.youtube.com/watch?v=RgAn9M8h--E) 2. [Nick's Dash Hypermedia Narrative on **Robotics**](https://www.youtube.com/watch?v=wVUI2RZXN0s) 3. [Rosemary’s Dash Hypermedia Narrative on **Poetry** ](https://youtu.be/tuIEWUKxXJQ) 2. [Geireann’s Dash Hypermedia Narrative on **The “British” Museum** ](https://youtu.be/vm4e6r8M5xo) Please note that although Rosemary and Geireann both refer to features of Dash, this is only for demonstrative purposes; the focus of your voice-over should be your narrative. # Grading This is a very open-ended assignment and some of you will be more creative than others; we will look for a baseline of effort and use a very simple ABC/NC grading scheme. At a minimum, we expect you to make use of **at least four different types of nodes**: - Images - Videos - Text - PDFs - Annotations - Nested collections - etc. You should also incorporate **at least four different types of hypertext features**: - Links between entire documents - Linking between parts of documents, between an entire document to part of another document, etc. - Embedding marquee selections on PDFs - Embedding text annotations and marquee selections on images - Pin with view for your slides - Various movement, visibility, and duration options for your trail You should have enough documents/features to fit a 5-8 minute presentation, but please make sure all the documents in your corpus and all the slides in your presentation trail **fit into your narrative**. Place quality over quantity - that is, don’t simply make documents for the sake of numbers. You're welcome to try adding additional features, but please note that these are experimental and may not be stable. Overall, we are not expecting masterworks, but something representing some thoughts and execution, taking, from start to finish, less than 8 hours including learning the basics of Dash. We can't wait to see how you use it! ### Rubric |Category | A | B | C | NC | | -------- | -------- | -------- | -------- | -------- | | Nodes [45% weight] | Appropriate use of 4 or more different node types. | Appropriate use of 3 different node types. | Appropriate use of 2 different node types. | Appropriate use of 0-1 different node types. | | Hypertext Features [45% weight] | Appropriate use of 4 or more different hypertext features. | Appropriate use of 3 different hypertext features. | Appropriate use of 2 different hypertext features. | Appropriate use of 0-1 different hypertext features. | | Presentation Duration [10% weight] | 5-8 minutes in length (up to 30 seconds leeway in either direction) | Longer than 8.5 minutes or shorter than 4.5 minutes | Longer than 9.5 minutes or shorter than 3.5 minutes | Longer than 10.5 minutes or shorter than 2.5 minutes | Your grade will be the weighted average of your score in each of the three categories (A=3pts, B=2pts, C=1pts, NC=0pts). # Handin Upload your video as unlisted or public to YouTube. Submit the link to your video and respond to a few questions about your project on [the Gradescope assignment](https://www.gradescope.com/courses/592164/assignments/3205820/). # In-Class Presentations We'll choose a few students to present their presentation trails in class on the class after this assignment is due. You may be eligible for extra credit for presenting. [Fill out this form if you would like to volunteer to present.](https://forms.gle/M63nUojsQgMBufrBA)