Using DITC Interface and Materials
DITC Swiki
Vignettes of New Sequences
Script by Jeremiah Adams for Showing Users How To Use Design In the Classroom (DITC) Home Page
8/13/02
Video: Opens with a narrator asking input questions. (Narrator is located in big box, full screen.) In background image of full homepage
Audio: Welcome to Design in the classroom homepage. From here you can access any part of our website.
Video: Narrator shrinks in box, which moves to upper right hand corner of screen, revealing part of homepage web page. BG image is focused on Video In Sequences Links.
Audio: If you want to jump straight into the classroom sequences. Click on the “Classroom Videos in Sequences.” Link.
Video: BG image now focused on Getting Started link.
Audio: Or if you’re not sure what were about, you might want to click on “Getting Started.”
Video: Image of animated person looking up into an animated image inside hectic Cyberspace. (I/O’S) No signs, etc. nothing around to help navigate.
Video: Image that has signs, etc. things that help navigation.
Audio: Now, before we jump ahead to soon to quickly. Let me explain certain technical information that could help make your journey through Cyberspace a little less perilous and a little more enjoyable.
Video: FULL SCREEN image of homepage.
Video: Focus on individual Squares.
Audio: This page is made up of nine squares, much like that of a Tic-Tack-Tow board.
Video: UTS (Under the shoulder shot) image of homepage. Graphic Text becomes highlighted as it’s announced as an example: “Getting Started”, “Parachute Task Overview.”
Video: Video Mouse clicks through: getting started >what is ditc>click here to play movie
Audio: In each of these squares is a text link to a page that contains information on that subject. Some of these links are links to other pages with more information while other links to Online Video Footage, which are indicated with a symbol of a Film Projector.
Video: UTS image of Homepage. Graphic mouse moves toward example “Getting Started.”
Audio: Don’t be fooled! Not all Graphic Texts are links. The way you can tell which ones are and which ones aren’t is by rolling your mouse/pointer over the area of text if it changes color and/or adds additional information (A.K.A) Roll Over Menu then you can click on that link.
Video: FULL SCREEN Narrator
Video: Insert of Full Screen Homepage
Audio: For the Purposes of this Tutorial we’re going to explore only the “Getting started” link, the other links and pages function in the same manner, except the “Classroom Videos in Sequences” this page changes, and will be discussed in detail later on in the video.
Video: Full Screen Narrator
Audio: Now, onward march. We shall begin our journey into Cyberspace.
Video: Full Screen Narrator
Audio: “Getting Started” looks like a nice place to start. Watch what happens as we move over the “Getting Started” text.
Video: CU of “Getting Started” box
Audio: The Main Text turns from Black to Brown and also adds more graphical text areas below: some are links to other specific pages while others are not. The way to know which are links is when you roll your mouse/pointer over texted area if it changes to brown then it is a link to another page. If stays black then there is no other link.
Video: Show clicking of Getting Started
Audio: The Getting Started page contains three parts:
Video: Show text list of Parts and icon image of part
Video: Navigational Bar at top (highlighted)
Audio: 1. A Navigational Bar- Which allows you instantaneous access to any part of the website. All you have to do is position your pointer/mouse over any of the underlined text and click.
Video: Body Area in Middle and lower right hand screen
Audio: 2. A Body – which takes up 2/3 rd of space below Navigational Bar
This is where the written information in contained.
Video: Branch subjects from Main subject: Submenu
Audio: 3. Table of Contents for Submenus that contains information on a separate link not included on Main Menu Page.
Video: CU of T.O.C Menu
Audio: Inside these submenus lies the same basic layout like that of the Main subject page. Consisting of three main parts. The Navigational Bar the T.O.C Bar and the Body Page.
Video: Full Screen of Narrator
Audio: The second Type of Web page layout is also a 3-part piece, but arranged in different positions. However, the Navigational Bar still remains at the top of the web page.
Video: Full Screen of DITC Homepage, click in classroom videos in sequences then transition to “Classroom videos in sequences” MAIN page.
Audio: Part 2 of 2nd page layout contains chronological layout of Videos in two columns: the top column contains video footage of teaching while the bottom column contains footage of students work.
You can click on any of the graphical thumbnails to begin viewing these movies.
Video: Focus on Body Part of page with written info.
Audio: And the bottom of this page contains written information that pertains to the 2nd part of this page.
Video: Full screen of Narrator then dissolve to COMPLETE MOVIESLIST
Audio: And for those of you who would prefer to go straight to the movies, we at DITC have implemented a COMPLETE MOVIESLIST page that allows for quick and easy access to all available movies online. Simply roll you mouse/pointer over any of the names that interest you and click. And on a side note it is recommended that once you have view a movie that you go to the upper right hand corner of the movie box and close out the viewing box, by clicking on the x.
WRITE YOUR COMMENTS ON Jeremiah's work HERE (Put your name and date)
PART 2. OTHER SEQUENCES IN THE WORKS
Future Videos
1. The M/F.mov will collect clips of teams and interviews of students and Ed talking about gender differences when homo- and heterogeneous groups work together. If we do take the paired comparison approach – we could have a teacher/student or a male/female split on this issue.
2. dsgnPrcS.mov and dsgnPrcE.mov will be a paired comparison movie set for the “What Is Design?” section that tells what students and experts think design is. Include the following: sInterv1.mov (first clip).
3. HowWorkS.mov and HowWorkE.mov This paired comparison movie set will be placed in the Key Concepts section and talk about how the parachute works. The first movie – HowWorkS.mov – will collect statements from students about how parachutes work, including factors that influence its rate of descent. The main point of this video is to have teachers listen to the alternative and partial conceptions that students have regarding their models.
4. Another movie – HowWorkE.mov – will have Experts talk about how parachutes work – I would like to include footage of a few model parachutes, to be shot with the shutter at a minimum of 1/500 of a second, and rendered so that it plays back in slow motion, with a timer ticking off in the background. I would also like someone to research for public domain movie footage of parachutes being deployed – since the Learning By Design curriculum talks about parachutes from the perspective of the Apollo 13 movie, the best thing would be to have NASA movies of its descent, or of any spacecraft descending into the atmosphere and deploying its parachutes, or of any person jumping out of a plane and using a chute. The key here for the footage is that it be free of royalties.
5. The new movie FavDsgn.mov, which stands for Favorite Design, will be placed in the “Students Doing Design” section, and basically collects a number of student interviews, where kids are talking about the fun aspects of their design challenges.
6. The new movie GroupsSt.mov will be paired up with GroupsT.mov (currently called CoachD.mov). The first movie will collect classroom B-Roll and student interviews, where they talk about some of the problems in working with teams. The latter movie will be based mainly on the CoachD movie, and shows Ed G’s goals when getting kids to work together.
Link to this Page