Project Management Site Building

SETTING UP A GOOGLE SITE FROM MY TEMPLATE

1. CREATE A NEW SITE

Go to http://sites.google.com and create a google account. Then create a new site. Choose the 'BROWSE GALLERY FOR MORE' Template. Search for 'Kendall DM'. You will see my template. Select it. Then Create your site from it. Under 'More Option' choose 'Share With > Everyone in the World'. Your site will look like this:

Get the Kendall DM Project Site Template Directly

Once your site is open, Click 'More Actions' on the upper right and choose 'Share This Site' Then toggle 'Collaborator' and input all your collaborator's (committee's) e-mails. Click 'Invite these people'. Make sure to send a message with it. In your message, tell them that they will need to set up a Google account in order to leave comments and upload files on your site.

ADDING CONTENT TO YOUR GOOGLE SITE

Click on one of the projects in your menu then Click 'Edit Page'. Click 'Layout' in upper left corner and choose 'Left Sidebar'. Click Save changes.

Insert your image or video in the top cell (that stretches across the entire length).

Write descriptions and notes in the right cell below it. Invite committee members to leave comments.

IMAGE:

Save at maximum size: Width =1400 pixels, Height = 750 pixels.

File Format jpeg 80% quality (not PNG).

Write 'Click Image to Enlarge' under it.

VIMEO VIDEO

A. Export from QTpro or your application:

File Format: .mov or .wmv

Codec = H.264

Data Rate = 3000 kbits/sec

Deinterlacing: Yes for video, No for animation

Audio: AAC - 320 kbps - 44.1 khz

Resize:

Standard Def (640x480) = 640 x 480

DVD Def (720x480) = 640 x 426

Hi Def (1280 x 720) = 640 x 360

B. Upload your images to Vimeo

C. Insert a Vimeo Gadget in the first full width cell

Paste this code into the html editor. Then, in the properties, type in the Vimeo url and pixel dimensions (from list above).

Vimeo Code

</div> <div style="text-align:left"><img src="http://www.google.com/chart?chc=sites&amp;cht=d&amp;chdp=sites&amp;chl=%5B%5BGoogle+Gadget%27%3D16%27f%5Cbf%5Chv%27a%5C%3D318%270%27%3D317%270%27dim%27%5Cbox1%27b%5CDBD9BB%27fC%5CDBD9BB%27eC%5C15%27sk%27%5C%5B%22Vimeo+video%22%27%5Dh%27a%5CV%5C%3D12%27f%5Cbf%5C%5DV%5Cta%5C%3D319%27%3D0%27%3D318%27%3D357%27dim%27%5C%3D319%27%3D0%27%3D318%27%3D357%27vdim%27%5Cbox1%27b%5Cva%5CFFFEF0%27fC%5CDBD9BB%27eC%5Csites_gadget%27i%5Chv-0-0%27a%5C%5Do%5CLauto%27f%5C&amp;sig=wSPwDgA1lQbveiP5uL6nuocfvjM" igsrc="http://244.gmodules.com/ig/ifr?mid=244&amp;synd=trogedit&amp;url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106581606564100174314%2Fvimeo-video.xml&amp;up_videourl=http%3A%2F%2Fwww.vimeo.com%2F8668489&amp;h=360&amp;w=640" type="ggs-gadget" props="align:left;borderTitle:Vimeo video;height:360;igsrc:http#58//244.gmodules.com/ig/ifr?mid=244&amp;synd=trogedit&amp;url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106581606564100174314%2Fvimeo-video.xml&amp;up_videourl=http%3A%2F%2Fwww.vimeo.com%2F8668489&amp;h=360&amp;w=640;mid:244;scrolling:no;showBorder:false;showBorderTitle:null;spec:http#58//hosting.gmodules.com/ig/gadgets/file/106581606564100174314/vimeo-video.xml;up_videourl:http#58//www.vimeo.com/8668489;view:canvas;width:640;" width="640" height="360" style="display:block;text-align:left;margin-right:auto;" class="igm"></div>

QUICKTIME VIDEO

A. Export from QTpro or your application:

File Format: .mov or .wmv

Codec = H.264

Data Rate = 3000 kbits/sec

Deinterlacing: Yes for video, No for animation

Audio: AAC - 320 kbps - 44.1 khz

Resize:

Standard Def (640x480) = 640 x 480

DVD Def (720x480) = 640 x 426

Hi Def (1280 x 720) = 640 x 360

B. Upload your images to your own webserver

C. Insert a Quicktime Gadget in the first full width cell

Paste this code into the html editor, click 'update'. Then in the properties, type in the Quicktime url and pixel dimensions (from list above).

Quicktime Code

<!-- begin embedded QuickTime file... --> <table border='0' cellpadding='0' align="left"> <!-- begin video window... --> <tr><td> <OBJECT classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' width="560" height="331" codebase='http://www.apple.com/qtactivex/qtplugin.cab'> <param name='src' value="Quicktime URL"> <param name='autoplay' value="false"> <param name='controller' value="true"> <param name='loop' value="false"> <EMBED src="http://www.casesilva.com/thirdpassfixescountersmall.mp4" width="560" height="331" autoplay="false" controller="true" loop="false" pluginspage='http://www.apple.com/quicktime/download/'> </EMBED> </OBJECT> </td></tr> <!-- ...end embedded QuickTime file --> </table>

TEXT

Type straight into the site or copy and paste in text from another document. If pasted text has bad formatting, you can remove it by clicking 'Format' in the upper left and choosing 'Clear Formatting'

INTERACTIVE AND OTHER MEDIA

You can link to other pages containing your media. Just put a screen shot of it in the Google Sites page with the link under it. Write this " Click Here to see this 'fill in the blank'.

SETTING UP YOUR OWN GOOGLE SITE