Flowchart

Flowchart

Use any program with which you are comfortable to create your own flowchart for your website. Libre Writer or Microsoft Word are good programs to create a flowchart, but there are others. Use the information provided within the Simulation as your content. It should include the main pages of this site in an outline.

Also create three Wireframes [storyboards] for your web site design (Home Page and two others). These are rough designs to show placement of navigation, text and other elements on each of the pages. These pages should indicate hierarchy in the page design. It should also be a guide for anyone to use to develop this particular page. Traditionally you would create a new wireframe for every page that will change in the website. One for the home page, then one wireframe for each page that will have a different type of layout or structure to it.

Remember that this is a “blueprint” of the design that will be your final product. Put as much detail as you can into these pages.

Using the basic design and coding skills presented in the course, Fundamentals of the Internet develop a Home Page for the Canterbury University web site. Use the information that you developed for this in your storyboard as your content.

Save your document to your desktop as “lastname_page1.html” then open it in your browser. Then, while in the browser:

• From the top menu, under “File” choose “Open” (or, press CTRL+O).
• Then, in the box that appears, click on “Browse”.

In this simulation, you have been hired by the Office of Alumni Relations at Canterbury University to design an update to their website that will be specific to their most recent graduates (TA).

Learning Simulation

Specific information to consider for your design blueprint (You may use this information as content for your Web site.)

Background Information

Canterbury Village University is a small liberal arts college in South West Ohio, accredited by the Mid-West Commission on Higher Education, and dedicated to the education of students to think and act critically, creatively, and ethically as professionals and scholars.

The Alumni Association furthers the principal objectives of the University by supporting the legacy of the founders and alumni, and fostering ongoing active relationships among graduates, current students, members of the faculty, and friends of the University.

The Alumni GOLD (Graduates Of the Last Decade) Leadership Congress is established to secure and increase the lifelong involvement of graduates of the past decade in the mission of the University through volunteer, philanthropic, social, and career networking activities.

As this group represents one-third of the alumni population, they are a unique and vital constituency of the University, and the Association.

Website Goal

This website will is designed to recruit recent graduates to become members of the Alumni Association. And become involved in alumni activities.

Website Objectives

After viewing this site, the graduates will be able to:

• Decide whether to join the Alumni Association.
• Pledge and donate financial support to the University.
• Volunteer to serve on various alumni committees.
• Register to attend events at the University, especially Alumni Weekend.

The Target Audience

• Recent graduates (last 10 years) of the University who have not yet joined the Alumni Association
• Approximately 21-32 years old
• Male and female
• Culturally and socio-economically diverse
• Working primarily in professional, community service, business, and family related endeavors, or are in graduate school, the military, or volunteer service
• Are relatively new to the workforce
• Have a strong sense of loyalty to their alma mater and their communities because of the University mission and their education

The web site will comprise several pages to include but not be limited to:

A Home Page (Cover) with some content, and the following menu with links: [a link to this page should be available on every page]

1. About the University
2. About the Office of Alumni Relations
3. About the Alumni Association

You will then create additional pages and links for Item 3, Alumni Relations to include but not be limited to:

1. Mission Statement of the Alumni Association
2. Goal and Objectives
3. Contact Information
4. Application Information
5. Profile Update
6. Donation Information
7. Mentor Program
8. Events Calendar

•  
• Find your HTML document and click on “Open.”