Milestone 17: Website and Video

Due Date: April 24 @11:59pm
Grading: Team

You will use github pages (click on "Project Site" and follow the directions, your site's URL will look like, for my 'demo' repo) to create a website for "selling" your app. The site must have:

  1. A video showing a demonstration of how easy it is to use your app. The most popular screencasting programs are screenflow (mac, I use it for my Java videos) or camtasia (windows). Upload the video to youtube (or similar) for easy viewing.
  2. The audience for the video is your prospective users (not me, not your classmates). So, talk in a way they understand. Use their language. Explain how to use the app, not how it works.
  3. Some other text explaining how and why to use the app.
  4. Images. Use screenshots of your app. Use free stock images: compfight. stockvault.
  5. An about page, listing your names. Linking to your linkedin profile might help your personal marketing.
  6. Link to your github repo, even if private. Make your github repo public if you want more exposure.

Video Tips

  • On camtasia or screenflow, make sure you select the audio track and click on the "remove background noise" option and the "normalize audio levels". This will get rid of the annoying buzzzz and make your voice much more easier to understand. If you can, use a good microphone.
  • Make sure you crop the video so we only see your app.
  • If you have a phone app, use the emulator and screencasting software. It will look much better.
  • To capture screenshots and videos, I recommend monosnap. Free for macs and windows.
  • To capture video from an Android phone on a mac use Android tool for Mac.
  • To view and control your Android phone from your laptop use Vysor chrome extension or adb for chrome,
  • To capture video from an iPhone/iPad on a mac use Quicktime.
  • Do not use music, just talk.
  • If possible, first set your app to one of the standard resolutions: 480p = 854x480; 720p = 1280x720; 1080p = 1920x1080. Then crop to exactly this window. There are free apps out there that will let you open a window to a specific size. I use windowtidy on the Mac.

Or, you can always just point your camera at the screen. This works especially well for mobile apps where you need to show how the user interacts with the app (tilting, swiping, yelling, etc).

But, I built a webapp

If you built a webapp then you do not need to use github pages (but you can, if it makes sense). Instead, your main page should become a splash page which sells your app and shows the video to the user.


Email me, or add an Issue with title "Video" and assign it to @josemvidal. It should have:

  1. The URL of your website. The website should have the video embedded in it, and the screenshots embedded in it.
  2. The URL of your video(s) on youtube, vimeo, etc.
  3. At least 3 pretty screenshots of your app should be featured in the website.