Purpose: To design and develop a web site for the BSIT program offered by the MSIS Department of College of Management, UMass Boston to promote this program to potential students.

Minimal Technical Requirements: The content pages for your website will meet the following minimal technical requirements:

- You must create an external style sheet (.css file) that configures text, color, and page layout. (No font tags, embedded CSS, or inline CSS may be used.)
- There will be one page containing a form with at least three elements
- Appropriate meta tags
- One page utilizing tables effectively
- One animated image
- One e-mail hyperlink
- One external hyperlink
- Consistent banner logo area
- Consistent main navigation
- Using JavaScript to incorporate some dynamic and interactive pages
- One non-trivial technical enhancement that is self-taught. For example, integration with Google Calendar, making your site multi-lingual, usage of JQuery features, or more advanced JavaScript programing

No Tools or Generated Contents: To ensure a fair competition and to maximize the educational purpose of this group project, only Aptana Studio can be used for coding.

You cannot use any other tools (e.g. Dreamweaver). Nor can you include contents generated in other means (e.g. using WordPress themes). Other than the skeleton codes provided by the Aptana Studio, your codes should be all your own work.

Project Milestones:

Check the up-to-date schedule and course website for exact dates of the milestones and submission deadlines. Attendance to all project milestones is required. Failure to show up, even after your group is disqualified in previous rounds, will cost you individual project grades.

Group Formation: By now you should have joined a group of 3 or 4 students depending on the class size. Please make sure to exchange contact information and get to know each other. Remember the key to team success is regular communications, especially face-to- face communications.

Website Evaluation Project Due: You should use this project to establish group protocols to facilitate working with each other.

Competition Round 1 - Planning Analysis and Plan: Up to 8 groups will make a 10 minute presentations, which will be peer-evaluated by other groups. There will be a two- minute Q&A session after each presentation.

You presentation should include the following information (hint: at least one slide for each of the following questions, but make sure you can finish your presentation in 10 minutes):

- Targeted audience: Describe the targeted audience of your web site. This information must be based on the information you acquire from the project sponsor.

- Design scope: Identify the key messages you would like to send through your design, and key content you would like to include in your website. This information must be based on the information you acquire from the sponsor too.

- Identify one or two reference websites that inform your own design.

- Your overall design principle and guidelines: Based on your targeted audience and design scope and informed by your reference websites, what would be your overall design principle and guidelines?

- A site map showing the hierarchy of pages and relationships between the pages

- For each page (or category of pages), list the working title and identify what information you need to compose the page. Explain how you will obtain the content (facts, text, graphics, sounds, video). Also refer to the Minimal Technical Requirements of the project and indicate which requirements will be met in the page.

- Explain how minimal technical requirements can be met in your design

- Create a wireframe for a) your homepage and b) one secondary page on your web site that clearly shows the logo, navigation, content, and footer areas.

- Discuss some overall design features (e.g. some details on color scheme, font, picture, audio/video ...)

- Very importantly, discuss how your design would help you appeal to your targeted audience and meet the project sponsor's requirement.

Essentially, think your presentation as your sales pitch to clients so that they will like your design and pick you for the job.

Submission: Submit your presentation slides before the deadline. You must use the presentation slides you submitted for your presentation.

I highly recommend that you rehearse your presentation beforehand.

Disqualification: The group with the lowest score will be disqualified from the competition. The disqualified group(s) will be deducted up to 3 points from their total project grade and be disqualified from future presentations. The instructor will provide disqualified groups with future grades and feedback.

Free pass: Depending on how many groups we have the in the class, the group with the highest score may get a free pass and do not have to present for Round 2.

Competition Round 2 - Mid-Project Progress Report: Up to 7 surviving groups from Competition Round 1 will make a 12 minute presentation within their sessions, which will be evaluated by all other groups. There will be a 2-minute Q&A session after each presentation. The presentation should give your peer groups a clear idea on what your group wants to do with project, what you have done, and what are left.

More specifically, in your presentation, you should:

- Clarify your design goals and finalize your overall design philosophy incorporating the feedback you received during the first round of competition. Feel free to "steal" some ideas from any other groups -- after all we are trying to learn from each other -- but make sure to credit the group that inspired your ideas.

- A comprehensive site map with all the pages mapped out with titles.

- A 75% completed homepage that clearly shows what your final home page would look like. This should include both CSS code and HTML code.

- At least one secondary page that is at least 75% completed. This page should clearly shows what your final secondary pages would look like. This should include both CSS code and HTML code.

- Complete at least 40% of overall workload. How to justify what you've done sums up to 40% is up to you.

- A feasible plan for uncompleted pages/workload. You have to convince the judges (e.g. your peer groups) that you will be able to finish the project in time for the last round of competition.

- A demonstration of the codes, especially the CSS code you use for the project, with explanations on how the code corresponds to the formatting of your pages.

- List the highlights of your project. This is where you try to different your project from other groups' work. One way to do so is to explain the part of the project that you will be most proud of once it is done.

Your presentation slides can be based on what you presented for the second milestone, the project progress report. However, in the final presentation, please make sure to discuss:

- Your targeted audience
- Your design principles.
- The overall structure of your site. Show the sitemap if you have one.
- The design of the homepage. Explain why choose this design
- The design of the secondary page. Explain why choose this design
- Explain how your design follows your design principle, appeals to the targeted audience, and meet the design goals.
- Highlight the challenging, unique, and superior part of your design

Do keep in mind that you only have 15 minutes for presentation AND demonstration. Plan your time wisely.