Skip to content

Milestone 17: Video and Website

Due Date

Wednesday, April 24
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 marketing your app. The site must have:

  1. A video demonstrating of how easy it is to use your app. The video should be a succinct tutorial on how to use the main features of your app. Upload the video to youtube (or similar) for easy viewing.
  2. The audience for the video is your prospective users. 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. You might want to also 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

  • Camtasia and Screenflow are the most popular apps for capturing and editing, but they cost money. Some free alternatives include OBS Studio, screencast-o-matic. More options on this list.
  • When editing, 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 buzz 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, not your desktop background.
  • If you have a phone app, use the emulator and screencasting software. It will look much better.
  • To capture screenshots and make animated gifs 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.

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).

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.


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, as described above.
  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.

Grading Rubric

Grade is 100 minus the total points lost, with minimum of 0. See grading scale in Syllabus. Points lost are:

  1. No website. 100 points
  2. No video. 80 points
  3. Website is missing information or not well written. 0 80 points
  4. Video is missing content. 0 60 points
  5. Video has technical problems (hard to hear, low quality, etc). 0 30 points