GD 67 Class 14 + 15

Class 14 + 15 Topics: Final Presentation Guidelines, Screencasting, Class time: Team meetings


  • All grades (except for the Final Project + Participation) are posted to the Grade Book on eCompanion. Please let me know if I missed any of your work.
  • Bring all your work with you to class every week.

Class 14 + 15

Final Project Comments

(We will complete this together in class, please do not complete this before we do so in class)

Questions for Teams

  • Deliverables: If you haven’t done so already, select final versions of the Client Survey, Personas, Competitive Analysis, Communication Brief, Schedule, Final Estimate, Site map, and Wireframes. Have you “branded” these documents and posted to your team site?
  • Visual Design: Do you have the final design for your final project? I suggest basing your design on one team member’s design comp, or a combination of two team members. What changes or modifications do you need to make?
  • Content: Based on your site map and wireframes, compile a document with the final content for the 9-12 pages of your site. Include text and images. This document will be used by the team to add content to each page.
  • Functionality: What additional functionality do you need to add to the site? (Example: secondary navigation, slideshows, calendar, Twitter feed, etc.) Who is responsible for researching and implementing these features?
  • WordPress theme: Have you selected your WordPress theme? Have you taken in consideration the functionality you’ll need for the site. Does the WP theme accommodate your logo? (Is there enough space to fit your requirements for the logo and branding)
  • Team Schedule: Who is going to do what, and by when? Put together a schedule of outstanding tasks and who is responsible for these tasks. Each team member should be responsible for creating some of the pages.


Class 14 (May 28): Deliverables due:
Home page & a landing page finalized in WordPress.

Class 15 (June 4): Deliverables due:
In-class lab time.

Class 16 (June 11): Your final project presentations are Thursday, June 11 at 6:30pm. No late projects accepted.

Final Presentations

Thursday, June 11, 6:30pm

Keep these things in mind when working on your presentation

  • Every team will have approximately 10-15 minutes (total) plus a 5 minute Q & A
  • Every team member must speak during the presentation.
  • Be sure to stand up when possible and project your voice. I want to be able to hear you from the back of the room!
  • Have an outline of the information your team is presenting. Practice! Tell a story. Good presentations are about good storytelling. (You can use the screencast to practice, but you will do your presentation live)

Be sure you cover the five things I outlined below. While going through the point, focus on the “story.” Do not merely click through the pages of the site… give us context for your work!

  1. What where the objectives (problems and issues) for the project? What did the client (SMC Design Technology department) want for the redesign? What about the students?
  2. How did your team solve these problems and issues through your design?
  3. Be sure to show some documentation (but not all, remember you only have 10 minutes!): personas, sitemaps, wireframes etc. Make it part of the story you’re telling.
  4. Talk about the competitive analysis and what you discovered there.
  5. How did you select the color palette and the layout for the site?

Deliverable: 5-minute screencast

The 5 minute screencast is a walk-through of your SMC website redesign. This won’t be a part of your live presentation on December 18 (so you can think of it as practice for the final presentation.) Tell us what the issues are with the current SMC site and how your team’s redesign solves these problems. Avoid simply navigating from page to page and saying:”then we did this page, and this page, and this… etc.”

Option 1: Screenr

What is Screenr?

Screenr is a web-based tool that lets you create screencasts without installing any software. You just click the record button and your screen activity is recorded along with narration from your microphone. Screenr then publishes your screencast in high-definition Flash format. Screenr makes it easy to share your screencast on Twitter, YouTube or anywhere else on the web. Even iPhone users can view your screencast.

What are the system requirements for Screenr?

You need Mac (OSX 10.4 and up) or Windows (XP, Vista or Windows 7). Most common browsers are supported, including IE 6, 7, and 8; Firefox 3+; Safari 3+; and Google Chrome. You need the Java 1.5 runtime or later for recording and the Flash Player 9 (release 115 or later) or Flash Player 10 for playing screencasts.

Chrome does not support Java 7 on the Mac platform.

The screencast must be 5 minutes only.

Login to Screenr using Google, Yahoo, Facebook or Twitter.

In order to save the video, you will need to login to Screenr. I’d like you to “Download the .mp4 file.” (See the right-hand side of the web page when you save the video.) You can also embed the video in your team WordPress site.

Upload the final .mp4 file into a “screencast” folder in the source_file folder of your team folder on the class server.


Are there keyboard shortcuts for using Screenr?

Yes! When recording, pause and resume recording with ALT+D on Windows and Option+D on Mac. When playing a screencast, click on the screencast with your mouse first and then use these keyboard shortcuts:

Spacebar – toggle play/pause
Left arrow – rewind 10%
Right arrow – forward 10%
Up arrow – increase volume
Down arrow – decrease volume
Z – Zoom full screen

Option 2: Jing

What is Jing?

Select any window or region that you would like to record, and Jing will capture everything that happens in that area. From simple mouse movements to a fully narrated tutorial, Jing records everything you see and do. Jing videos are limited to five minutes for instant, focused communication.

Leave a comment