Department of Civil Engineering, Construction Management, and Environmental Engineering
MEMO
TO: CENE476 & CENE486C Students
FROM: CENE476 & CENE486C Instructors
Bridget Bero, Chair, CECMEE
DATE: January 11, 2013
RE: Guidelines for Capstone Project Website
_______________________________________________________________________________
1.0 INTRODUCTION
The purpose of the team website is to present information to the interested observer about your project. Once completed, it will serve not only as a portfolio for you to show prospective employers, but also archives the project for future use by the Department/College in recruiting students, other Capstone project sponsors, donors, and ABET accreditors. Therefore, a simple but complete webpage is required in order to complete CENE476/486C. See your course syllabus for specific information regarding due dates and assessment of this aspect of your Capstone experience.
Your team’s web site will be located on the college web server. See http://www.cefns.nau.edu/interdisciplinary/d4p/index.php to see other teams’ pages and where your page will be located.
Spring CENE486 C projects have already been loaded (meaning the project is listed) but still require student names for access (supply your UserName to your instructor by the end of the first week of class. Spring CENE476 projects & student names will be loaded to this site when finalized later in the semester.
2.0 REQUIRED CONTENT
You should create several different web pages (see Section 3.0 below for instructions on how create web pages and Section 4.0 below for instruction on how to upload to the server).
Ø Home Page. This page is to be saved as “index.html”
o Project title and brief (2-4 sentences) description.
o Sponsor/client name and links to contact information. Be sure to request permission of your sponsor/client before doing this. Link to their company webpage.
o Team information
§ Student names, list major. Include links to email addresses. You may include links to bios/resumes for each.
§ List role of each student on the team.
§ Photo of individuals or team. If you use a photo, give credit to the photographer in a byline and indicate who is who (from left to right, etc.).
o Technical advisor name and links to contact information. Be sure to request permission of your technical advisor before doing this. Link to their webpage if available.
o Include the “date when last updated” on this page.
o Provide links on this page to other pages.
Ø Project Information Page.
o This page contains detailed information on your project. Photos add to the attractiveness of the page.
o Required information: Can be on this page or you can create links to other pages that have more detail on:
§ Project constraints
§ Design alternatives options & decision matrices
§ Details of final design
§ CAD drawings archive
§ Gantt Chart and internal team budgeting / time keeping (tasks vs hours for each student/role). Update as you go.
§ Photo gallery
§ Team meeting notes (only if restricted – this should not be available to all visitors as this information should be confidential to your team)
o Provide links on this page to the Home Page and other pages.
Ø Documents Page.
o This is your document repository and should include all written reports and presentations. Save as PDFs rather than easily editable Word documents.
Ø Other pages as needed to clearly communicate your final design.
Be aware of the following quality standards for your pages:
Ø Attractive and consistent layout.
Ø Good navigation with the ability to get directly back to the Intro page from the other pages.
Ø No misspellings or poor English usage.
Ø Professional, not vulgar, not goofy, and not “Facebook” oriented.
Ø Use pictures and graphics to clearly convey information.
Ø Use appropriate font sizes, colors, and style for readability.
3.0 How to Create Web Pages Using Dreamweaver
Dreamweaver is a web editor software package that is available to all CEFNS students on the CEFNS servers. To access the CEFNS servers, either:
1. Log in to any computer in EGR, or
2. From your own PC, use the Remote Desktop feature to access. (MAC users will have to install software and should contact CEFNS IT for help – see http://nau.edu/CEFNS/IT/Mac/
3. Either way:
a. START button in lower left corner.
b. Remote Desktop Connection => windows.cefns.nau.edu
c. Type your UserName and Password; YES to any weird popups.
d. Back to START button.
e. All Programs => Internet Applications => Adobe Dreamweaver.
f. Once in, type File New, Blank Page. Pick HTML and a pre-set Layout. I like the fixed or floating 2 columns with sidebar on left. You should use the same Layout for all your pages for consistency.
i. Save the Page to wherever you want to save it (e.g., “My Documents”); the first page should be Index.html.
ii. Title the Page “Home Page” and edit the content to whatever you want.
iii. The sidebar shows where you can create links to other pages; title the links as appropriate. You cannot create links until you have published the pages (see Section 4.0 below); once you publish, you go back in and edit to create the links, then publish again.
g. Create additional pages by opening File New, Blank Page.
4.0 How to Publish/Upload Web Pages to the CEFNS Server
While you are still logged in to the remote desktop (or on an EGR computer):
1. Go to the SSH Secure Shell Client => Quick Connect
· Host Name = sftp.cefns.nau.edu
· User Name = your user name
· Port Number = 22 (default)
· Authorization Method = <Profile Settings>
2. Connect / YES / type in your password
3. Click on icon at top that has a Folder w/ little blue dots (“New File Transfer Window” – there are two, the one on the right is the correct one).
4. A new screen pops up. In this, info on the LEFT is the computer you are on, where you find the files to upload. The info on the RIGHT is the server / remote host for your website. See instructions (http://nau.edu/CEFNS/IT/Windows/) for what to type into the small box at the top of the RIGHT side. When you do this, click “Add” so that it saves and then is on the dropdown menu for future uploads.
5. Once completed, open a new browser window to look at what you uploaded.