CSE 333 Documentation

This term we will be using Google Drive for you to archive your work, and SB You (WordPress) to document it. The launch page for SB You is http://you.stonybrook.edu. Log in with your Net ID and password, then start a new site (make sure the site is Public). The naming convention for the site should be “333firstinitallastname”, as in “333tscarlatos”. Then you can edit the site to have a separate page for each of your assignments.

The pages are Project Description (client info) - Logo - Typography - Icons - Animation - Infographic - Design Brief - Web UI - Game UI - Reference.

For each development cycle, after you have updated your web site, send the URL in an email to uidev@cs.stonybrook.edu, with the name of the assignment in the subject line (such as “Infographic”).

On Google Drive you should create a directory for all your 333 assignments. For each assignment you need to upload a source and a rendered file. For the logo, for example, you will need a .psd (Photoshop) or .xcf (GIMP) source file, and also a .png rendered file (for upload to your web site). Make sure the Google Drive directory is shared with anyone at Stony Brook and with uidev@cs.stonybrook.edu

1) Source and rendered file(s) for each assignment in a shared folder on Google drive

• Logo (.psd or .ai, .xcf or .svg; and .png)
• Typography (.psd or .ai, .xcf or .svg; and .png)
• Icon set (.psd or .ai, .xcf or .svg: and .png,)
• Animation (.psd or GWD folder; .gif or html)
• Infographic (.psd or .ai, .xcf or .svg; and .png)
• Responsive web-based app (folder for the site, including all assets, html, css, and js)
• Game UI (.psd or .xcf; and .png files)

2) Project web site

• Tabs for each of the following pages: Project Description - Logo - Typography - Icons - Animation - Infographic - Design Brief - Web UI - Game UI - Reference
• Design Brief page has the Persona, Color Palette, and Wireframes
• Link to shared Google drive folder on Reference page, and URL for final project web site emailed to uidev@cs.stonybrook.edu