Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Added Laura's stuff

  • Loading branch information...
commit b989f4cf8f359f9317d15cd9bc8cc3f4239558fb 1 parent 1b56d28
@benrito benrito authored
View
21 cinema.html
@@ -141,7 +141,7 @@
<p>The Web Native Film should critically and creatively explore a story.<em> An
example might be your local organic farm, or the work of an area charity.</em> Work with your group to create a paragraph description of what you would like to work on over the summer.</p>
<h4>3: Prepare your supporting site</h4>
- <p>Go to <a href="http://www.tumblr.com" target="_blank">tumblr.com</a> and create a new blog. Make sure that each group member has the ability to log in. Discuss and decide on a Tumblr template that you want to use. We suggest using tumblr for its ease of use (www.tumblr.com), but use whatever blogging platform makes you most comfortable. If your center has an existing blog, feel free to use that. The supporting site should:</p>
+ <p>Go to <a href="http://www.tumblr.com" target="_blank">tumblr.com</a> and create a new blog. Make sure that each group member has the ability to log in. Discuss and decide on a Tumblr template that you want to use. We suggest using tumblr for its ease of use (www.tumblr.com), but use whatever blogging platform makes you most comfortable. If you have an existing blog, feel free to use that. The supporting site should:</p>
<p>
<ul>
<li>showcase the film and the process through which the film was created </li>
@@ -165,7 +165,7 @@
<h4>6: Ice Breaker Activity</h4>
<p> <strong>Tool:</strong> Big Blue Button, Google Hangouts, Voxli, Skype, etc</p>
<p> Just hang out with your group and have a social hour over video chat. Try Google Hangouts or use Skype Conferencing.
- Or meet up in person for an hour. We'll do an informal report-back on your social hour next week (ie I'll ask you
+ Or meet up in person for an hour. We'll do an informal report-back on your social hour next week (i.e., we'll ask you
if it was fun :)</p>
</div>
<div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal" >Close</a> </div>
@@ -276,15 +276,14 @@
<h3>DIY Make a Madlib</h3>
<p>Add vintage titles, robots speaking, comic style speech bubbles and your own special brand of silly to make a mad lib.</p>
<ol>
- <li>Open the <a href="http://storycamp.mozillapopcorn.org/templates/supported/robots">Mad Lib template</a> in your browser</li>
- <li>Start by using the Robots Invade Everytown video that is preloaded into the template or click the Edit Source button in the upper lefthand corner of the video and change the URL to the URL of the video you want to work with.</li>
- <li>Drag the "Filmgrain" event from the right panel into the beginning of the timeline. You can click and drag the right side of the event to make an event longer.</li>
- <li>Drag the Title-Top event onto a new track in the timeline. If you need a new track, click the Track + button on the lower left-hand side of the interface. Double Click the Title-Top event and change the title. Make sure the "Target" is "Video Overlay". Click done. You can also add and edit the Title-Mid event and change the wording there. Don't forget to a the Title-Bottom for your name!</li>
- <li>After you've clicked done on each of the title events, place a Zoink event somewhere on the timeline. Double Click the "Zoink" event and change the text. You can also change the bubble style (speech or thought bubble). Try out different classes and use the "Top" and "Left" properties to position your bubble. Play around with the options so that your Zoink bubble is positioned the way you like.</li>
- <li>Drag a Speak event to the Timeline. Double click to change what the robot voice says and play around with those options.</li>
- <li>Add a map to around second :19 extend the event to cover up the spot in the film where it says "the users map". Double Click to set it's location and click done.</li>
- <li>Drag an image event to the Timeline around :22. You can use any image from the web to cover the note "users facebook picture", but pay attention to the voice over in the video. The robots are targeting a specific person.</li>
- <li>Continue adding and editing events until your video is what you want it to be. When you're ready, click the "share" button and copy and paste your link to save it somewhere. Then, click the export button and save your code.</li>
+ <li>Open the <a href="http://maker.mozillapopcorn.org/templates/supported/robots">Mad Lib template</a> in your browser</li>
+ <li>Start by using the Robots Invade Everytown video that is pre loaded into the template or click the Edit Source button in the upper left-hand corner of the video and change the URL to the URL of the video you want to work with.</li>
+ <li>Double click the title event and change the title. Add other title events to new tracks and double click to change the positionings to middle title or bottom title using the style selector and target selector. If you need a new track, click the Track + button on the lower left-hand side of the interface. Don’t forget to include your name somewhere!</li>
+ <li>After you’ve clicked done on each of the title events, double click the Speak events on the timeline. You can change the robots speech by typing in new text. Double click to change what the robot voice says and play around with those options.</li>
+ <li>Center the map at second :19 to the location the robots will be invading first. Double Click to set this location and click done.</li>
+ <li>Edit the image event in the timeline around :25. The robots are targeting a specific person. Who is it?</li>
+ <li>Double Click the “Zoink” event and change the text. You can also change the bubble style. Try out different positions for your bubble. Play around with the options so that your Zoink bubble is positioned the way you like.</li>
+ <li>Continue adding and editing events until your video is what you want it to be. When you’re ready, click the “publish” button and copy and paste your link to save it somewhere. Then, click the “view source” button and save your code. You can also save your project on mozillapopcorn.org by clicking the “save” button.</li>
<li>Share with the world. Share your video link widely. Tweet your video link with the tag #AllHailRobots</li>
<li>While waiting for the invasion, iterate your project based on feedback you receive.</li>
</ol>
View
6 cinema2.html
@@ -142,7 +142,7 @@
<p> Write a blog post on the week two guest speaker, the discussion on Media History and the reading.</p>
<h4>4: Hack a Commercial using the Popup Template</h4>
<p> <strong>Tool:</strong> Popcorn</p>
- <p>See the DIY activity at the end of this curriculum - this activity will have learners recontextualize classic commercials from the Internet Archive using Popcorn.</p>
+ <p>See the DIY activity - this activity will have learners recontextualize classic commercials from the Internet Archive using Popcorn.</p>
<h4>5: Project Management</h4>
<p> Discuss in your group:
<ul>
@@ -344,7 +344,7 @@
<p>Add your own voice to an old commercial by adding popups and commentary. You can change meanings, extend messages, and otherwise recontextualize the video.</p>
<ol>
<li>Find a commercial you would like to comment on at the <a href="http://archive.org/details/prelinger_commercials">Prelinger Archive</a> Browse by collection or title. Once you've found a commercial to work with, choose a file type (we recommend the ogg file format) and click to open the commercial in your browser. </li>
- <li>Open <a href="http://storycamp.mozillapopcorn.org/templates/supported/popup/">the popup template</a> in your browser</li>
+ <li>Open <a href="http://maker.mozillapopcorn.org/templates/supported/popup/">the popup template</a> in your browser</li>
<li>Click the Edit Source button in the upper lefthand corner of the video and change the URL to the URL of the of the commercial you'll be commenting on.</li>
<li>Drag a popup event to the place in the Timeline where you want the popup to appear. </li>
<li>Double Click on the event to adjust the text, position, and sticker for that popup event.</li>
@@ -369,6 +369,8 @@
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
+<script src="js/jquery.js"></script>
+<script src="js/modal.js"></script>
<script src="js/video.js"></script>
<script src="js/popcorn.js"></script>
<script src="js/popcorn.pop.js"></script>
View
26 cinema3.html
@@ -143,7 +143,7 @@
<h3>Assignments</h3>
<p>
<h4>1: Watch the “Chapter 3: Remix” curriculum video and explore the
- pop up resources in the video</h4>
+ pop up resources in the video</h4><br><br>
<h4>2: Individual Blogpost</h4>
<p> <strong>Tool:</strong> Your personal website, Tumblr, Wordpress, Blogger, etc.</p>
<p> Write a blog post on the week three guest speaker.</p>
@@ -158,23 +158,7 @@
<p> <strong>Tools:</strong> Popcorn<br/>
<a href="#">DIY Remix a Story</a></p>
</div>
- <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal" >Close</a> <a href="#" class="btn">Download</a> </div>
- </div>
- <div id="03modal02" class="modal hide fade" style="display:none;">
- <div class="modal-header">
- <button class="close" data-dismiss="modal">&times;</button>
- <h2>DIY Remix a Story</h2>
- </div>
- <div class="modal-body">
- <h3>DIY Remix a Story</h3>
- <ol>
- <li><strong>1</strong> This is how... </li>
- <li><strong>2</strong> This is how... </li>
- <li><strong>3</strong> This is how... </li>
- <li><strong>4</strong> This is how... </li>
- </ol>
- </div>
- <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal" >Close</a> </div>
+ <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal" >Close</a> </div>
</div>
<div id="03modal03" class="modal hide fade" style="display:none;">
<div class="modal-header">
@@ -226,7 +210,7 @@
idea to take your time with this because without it, it will quickly become confusing where a particular piece of content
“lives”. A simple and clear navigation structure is important so that your users don’t get confused or frustrated.</p>
</div>
- <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal" >Close</a> <a href="#" class="btn">Download</a> </div>
+ <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal" >Close</a> </div>
</div>
<div id="03modal04" class="modal hide fade" style="display:none;">
<div class="modal-header">
@@ -345,7 +329,7 @@
with technology?”</p>
</div>
- <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal" >Close</a> <a href="#" class="btn">Download</a> </div>
+ <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal" >Close</a> </div>
</div>
</div>
@@ -364,6 +348,8 @@
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
+<script src="js/jquery.js"></script>
+<script src="js/modal.js"></script>
<script src="js/video.js"></script>
<script src="js/popcorn.js"></script>
<script src="js/popcorn.pop.js"></script>
View
2  cinema4.html
@@ -205,6 +205,8 @@
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
+<script src="js/jquery.js"></script>
+<script src="js/modal.js"></script>
<script src="js/video.js"></script>
<script src="js/popcorn.js"></script>
<script src="js/popcorn.pop.js"></script>
View
8 cinema5.html
@@ -141,7 +141,7 @@
<p> Write a blog post on the week five guest speaker.</p>
<h4>3: Report the News using the Newscast Template</h4>
<p> <strong>Tool:</strong> Popcorn</p>
- <p>This popcorn template is an example of how a news report could be delivered differently when it is connected to the web - the template allows students to pull in live data and stories.</p>
+ <p>This popcorn template is an example of how a news report could be delivered differently when it is connected to the web - the template allows you to pull in live data and stories.</p>
<h4>4: Continue Brainstorming your Project</h4>
<p>Nuances of your project likely changed after seeing the possibilities of Web Native Storytelling and gathering feedback from other groups. Iterate pieces and parts of your project with your group. Make new plans, change designs, push yourselves to make your project better.</p>
</div>
@@ -153,10 +153,10 @@
<h2>DIY Report the News</h2>
</div>
<div class="modal-body">
- <h3>DIY Report the News</h3>
+ <h3>DIY Report the News</h3><br>
Add lower thirds and extra video footage to create a newscast about any topic you choose.
<ol>
- <li>Find or record a video you would like to use for your Newscast. If you create your own video, upload it to YouTube. Once you’ve found or made something to work with, open the <a href="http://storycamp.mozillapopcorn.org/templates/supported/newscaster">Newscaster template</a> in your browser</li><li>
+ <li>Find or record a video you would like to use for your Newscast. If you create your own video, upload it to YouTube. Once you’ve found or made something to work with, open the <a href="http://maker.mozillapopcorn.org/templates/supported/newscaster">Newscaster template</a> in your browser</li><li>
Click the Edit Source button in the upper left-hand corner of the video and change the URL.</li><li>
Double Click the text event located on the timeline and change the “test” text to “A Report by:” with your name.</li><li>
Click and drag the title card event to the timeline. Double click the event to change the text. </li><li>
@@ -184,6 +184,8 @@
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
+<script src="js/jquery.js"></script>
+<script src="js/modal.js"></script>
<script src="js/video.js"></script>
<script src="js/popcorn.js"></script>
<script src="js/popcorn.pop.js"></script>
View
2  cinema6.html
@@ -207,6 +207,8 @@
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
+<script src="js/jquery.js"></script>
+<script src="js/modal.js"></script>
<script src="js/video.js"></script>
<script src="js/popcorn.js"></script>
<script src="js/popcorn.pop.js"></script>
View
BIN  img/story/Gutenberg.jpeg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/story/Radio_MARCONI_.jpeg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/story/WPV_Edison_Phonograph.jpeg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/story/mindmap.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/story/phaseplan.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/story/schematic.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/story/storyboard.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/story/wires.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Please sign in to comment.
Something went wrong with that request. Please try again.