Drumbeat/website/Project page beta

From MozillaWiki
Jump to: navigation, search

Project Home Page

Drumbeat beat wireframes -- project pages documentation.001.jpg

Project Home Page: Explanatory Notes

Drumbeat beat wireframes -- project pages documentation.002.jpg

Project Home Page: rollover text

Drumbeat beat wireframes -- project pages documentation.003.jpg

Project "About" page

Drumbeat beat wireframes -- project pages documentation.004.jpg

Project Blog page

Drumbeat beat wireframes -- project pages documentation.005.jpg

Project comments page

Drumbeat beat wireframes -- project pages documentation.006.jpg

Project contributors page

Drumbeat beat wireframes -- project pages documentation.007.jpg

Drumbeat beat wireframes -- project pages documentation.008.jpg

Support for open video format

  • Mock-up for how back-end process could work for adding project image, video or slides:

Project page -- image video slides -- back end -- mockup.jpg

Project marquee order of importance

  • In cases where users have provide BOTH a still image, AND a video, AND a presentation, the primacy should go:

1) video 2) presentation 3) image


Support for open video formats

  • PLEASE NOTE: We need to support open video formats (like .ogg) and non-Flash options
  • This is important to the community. We'll get complaints if we force users to use only Flash options.
  • Matt spoke to Campbell -- was going to consult with Mike Priest on best way to support this
  • See example of how we've been using HTML / supporting open video on the site so far: http://www.drumbeat.org/project/webmademovies/news/building-better-internet-video
  • The "video for everyone" code snippet may be useful?

http://camendesign.com/code/video_for_everybody

NEW: Project placeholder image

  • We asked for this in alpha version, but ran out of time to implement
  • All projects should have a placeholder image. e.g., NO projects should appear with a blank or no image
  • If user does not provide an image (or video or slides), use this .jpg as placeholder image:

Project placeholder 700x394.jpg

Notes, comments & questions for next iteration

  • Should we change "comments" to "conversation?"