[K200 Final Project – Online Portfolio] / Spring 2017 /

Final Project – Online Portfolio

Welcome to the Final Project for K200 Microcomputer Applications in Kinesiology. For your final project you will create an online portfolio showcasing the work you have completed in K200. You will also showcase a project you have done for another class you have taken this semester.

This online portfolio will consist of sevenWebpages. You will also be given the option to create one of two extra credit pages. The content of each Web page is listed below. You will need to supply the content, which will include text, graphics, files, and links. This portfolio will be a way for you to showcase your computer and Website development skills. You should be proud enough of this online portfolio to share it with the world.

NOTE: This project will also test how well you read, comprehend and follow instructions. So read and follow the below instructions for best and quickest results.

Your Final Project is due Wednesday, April19, 2017 at 11:59 pm.It must either be published on your Mercury accountin Assignmentsin the Final Project – Online Portfolio section. Submittal instructions will be found at the end of these instructions and in the Final Project section of Assignments.

Proposed Work Flow

  1. Read Through Instructions BEFORE You Start To Work!!You will need to gather examples of your K200 work, specific graphics, and Website links to complete all of the pages. It will save you time if you collect and create all the things that you will need before you begin to construct your site.Read through instructions CAREFULLY. Make note of anything you do not understand and ask instructor or classmate
  2. Open your textbook Multimedia in K200 to Dreamweaver and WinSCP sections. You will need to refer to these sections for creating and publishing your Website.
  3. If you wish, create a mock-up of your site in paper or in Word. Include in the mock-up the titles, what documents, and links you will put on each page. When you are done with this you can go to the computer. Note: If you do the mock-up in Word, you can cut and paste the content into Dreamweaver, which for some, is easier.
  4. Unzip the fp-web folder on your Desktop.
  5. Inside the fp-webfolderyou will find the folders images and docs, and the files biography.html, index.html, and programs.html.
  6. Perform Web searches to find the software logos. Place logos in the images folder. Hint:Software logos are on the K200 Website.
  7. Place all images you wish to use in the images folder.
  8. Select which examples of your K200 work you wish to display. Copy all files into the docs folder.
  9. Open Dreamweaver.
  10. Set up the local site for the final project using the fp-web folder. Identify the site as fp-web in Dreamweaver. Note: You MUST do this every time you come to class.
  11. Review the Grading Rubric at the end of these instructions to be sure you have met all of the criteria for the project to receive maximum points.
  12. Create the Website in Dreamweaver. Make sure to properly insert all graphics, links, and documents.
  13. Test Website on computer. Fix any mistakes including bad links and missing pictures.
  14. When the site works perfectly on your computer publish to Mercury. Make sure to move the entire fp-web folder. Your final project address will be: . (If you forget how to publish your work read WinSCP and Publishing to Mercury.)
  15. Follow the Project Submittal Instructions at the end of this document to submit project for grading.

Website Folder for Online Portfolio

For this project you must download the student files. The files are: fp-web folder which contains images folder, docs folder, biography.html, index.html, and programs.html.

Images. You will collect all of the images you will use for this project and put them in the images folder. You will need to collect the logos for the programs Word, Excel, Access, and PowerPoint. You can find these images on the K200 Website. You may put any images you wish on your site as long as they support the text.

K200 Work Examples. You will collect examples of your work in K200 and put them in the docs folder. These examples will include a file from each Microsoft suite program topic in K200: Word; Excel; Access; and PowerPoint. You will need to select ONE file from each program topic that you wish to display. You will link to that file from the appropriate Web page. You will then load that file, as it will be inside the Website folder, to your Mercury account. You will need a file from the following programs:

  • Word
  • Excel
  • Access
  • PowerPoint

The Pages of the Online Portfolio

Structure

The diagram below shows the basic structure of your final project.Make sure to read each page description carefully in order to add all needed links!

NOTE:In the diagram below, the shaded boxes denote files you must edit and the clear boxes denote work that you have previously completed. The blue lines denote links.


Page Descriptions

Below are the Webpages that you will edit or create. There are sevenWeb pages in all with two optional extra credit. For extra credit you may do one, both, or none. It is up to you. All of the pages must be in the fp-web folder.

All Pages Must Have These Required Items:
  • File Name: MUST BE APPROPRIATE! In other words, no capital letters, spaces, or punctuation. Do not change the names of the given files in the fp-web folder.
  • Titles: Must have both a Web Browser title AND a page title!
  • Text: Each page must have its own text listed in the Page Descriptions below. Note that for this project a paragraph can be a minimum of two sentences.
  • Table: One or more.
  • Graphic: Two or more pictures.
  • Links: Each page will vary; read the below instructions for exact links. All links must work!
Some pages will need extra items. Make sure to read the instructions for each page closely.

Edit/Create the Following Pages: Each number below refers to a page you must create.

1. Home Page. Open file named index.html.Add the following:

  • Required items.
  • Text: Introductory paragraph explaining purpose of this site. Use your own words. Be sure to add information about K200. Note that all paragraphs in this project can be minimum two sentences long. That is perfectly acceptable.
  • Graphics Citation: If you know who created your graphics or took your pictures, thank them. If you do not know where your graphic came from since you downloaded it from the Web, put on the bottom of your page: “NOTE: All images on this site are courtesy of the Web and are not owned nor created by the Webmaster unless otherwise noted.”
  • Links: Link to the following pages:
  1. Biography (biography.html)
  2. Link to your Weebly site created as a Weekly Project.
  3. Programs (programs.html)
  4. K200Class Website
  5. Your IU email.(Note: Email link must work! Instructions for this are given in the Dreamweaver chapter.)
  6. Optional: Extra Credit Page(s)

2. Biography. Open file named biography.html.Add the following:

  • Required items.
  • Text: Two to five paragraphs giving information about your life and school.
  • Linked or Embedded Video: Link or embed a video from YouTube, or another site, that you like. (Keep it clean and legal. )
  • Links: Links to the following pages/sites:
  1. Home (index.html)
  2. Link to your Weebly site created as a Weekly Project.
  3. Programs (programs.html)
  4. Any places or organizations mentioned in your paragraphs. Example: If you mention Indiana University, you must link to Indiana University.

3. Programs. Open file named programs.html.Add the following:

  • Required items.
  • Text: Two to three paragraphs introducing the programs you learned in this class.
  • Links: Link to the following pages that you will create:
  1. Home (index.html)
  2. Word (word.html)
  3. Excel (excel.html)
  4. Access (access.html)
  5. PowerPoint (powerpoint.html)

NOTE: Do NOT link to your work examples from this page! You must link to the program specific .html pages that you must create! If you link to the work examples from the Programs page, you will lose many points and you will not be able to redo the site.

4. Word. Create a new file and name it word.html. Add the following:

  • Required items.
  • Text: A paragraph answering each question listed below:
  • What is Microsoft Word?
  • What I Learned?
  • What I’m Proud Of
  • Must add a Word logo.This is in addition to the two required images.
  • Links: Link to the following pages/sites:
  1. Home (index.html)
  2. Programs (programs.html)
  3. Example of Word 2016(Example must be something you created.)
  4. Microsoft’s Official Word Page

5. Excel. Create a new file and name it excel.html. Add the following:

  • Required items.
  • Text: A paragraph answering each question listed below:
  • What is Microsoft Excel?
  • What I Learned?
  • What I’m Proud Of
  • Must add a Excel logo. This is in addition to the two required images.
  • Links: Link to the following pages/sites:
  1. Home (index.html)
  2. Programs (programs.html)
  3. Example of Excel 2016(Example must be something you created.)
  4. Microsoft’s Official Excel Page

6. Access. Create a new file and name it access.html. Add the following:

  • Required items.
  • Text: A paragraph answering each question listed below:
  • What is Microsoft Access?
  • What I Learned?
  • What I’m Proud Of
  • Must add an Access logo. This is in addition to the two required images.
  • Links: Link to the following pages/sites:
  1. Home (index.html)
  2. Programs (programs.html)
  3. Example of Access 2016(Example must be something you created.)
  4. Microsoft’s Official Access Page

7. PowerPoint. Create a new file and name it powerpoint.html. Add the following:

  • Required items.
  • Text: A paragraph answering each question listed below:
  • What is Microsoft PowerPoint?
  • What I Learned?
  • What I’m Proud Of
  • Must add a PowerPoint logo. This is in addition to the two required images.
  • Links: Link to the following pages/sites:
  1. Home (index.html)
  2. Programs (programs.html)
  3. Example of PowerPoint 2016(Example must be something you created.)
  4. Microsoft’s Official PowerPoint Page

Extra Credit. Note: You can do none, one, or both of the extra credit projects.

it is up to you.

Extra Credit 1 – In-Class Savers – Worth 15Points. Create a new file and name it inclasssavers.html. Add the following:

  • Required items.
  • Text: A paragraph answering each question listed below:
  • What Are In-Class Savers?
  • What I Learned?
  • What I’m Proud Of
  • Links: Link to the following work examples/pages/sites:
  1. Home (index.html)
  2. Example 1 (Give program or file name for the link. Do not use Example 1 as title.)
  3. Example 2 (Give program or file name for the link. Do not use Example 2 as title.)
  4. Example 3 (Give program or file name for the link. Do not use Example 3 as title.)

Extra Credit 2 – In Five Years – Worth 10 Points. Create a new file and name it fiveyears.html. Add the following:

  • Required items.
  • Text: You will describe where you see yourself in five years. Type a paragraph answering each question listed below:
  • What Are My Career Goals?
  • Where Would I Like to Live?
  • Where Would I Like to Work?
  • Where Would I Attend Graduate School? (Note: If you don’t wish to attend graduate school, just say so.)
  • Links: Link to the following pages/sites:
  1. Home
  2. City: Give the link to the city where you would like to live. If you don’t have a specific city, then list a city as an example. For example: I would like to live in a city like Portland, Oregon -
  3. School: If you will be in college, link to the school you hope to attend. If you do not plan to attend graduate school, don’t add this link.
  4. Work place: Give a link to a place you hope to work. If it is a school corporation, list that. If you are not sure where you would like to work, find a place on the Web that looks interesting to you. You can also link to a Websites of someone who is doing what you would like to do.

Project Submittal Instructions

You MUST follow the below instructions!NOTE: Your work will NOT be regarded! If your instructor does not get the correct address to your project site, OR receive your zipped sites files, you will receive 0 points. Yes, this will hurt your class grade. It is your responsibility to be sure you have properly submitted your Final Project. REMEMBER: Not publishing means you will lose 50 points.

Follow the below instructions.

  1. Copy and paste the full Web address into the Submission Text textbox. IT MUST have in the address!! This is just like submitting your Weebly site and published web-dev folder. Example:
  2. However. If you could not publish your site, zip up your entire fp-web folder and submit it as an attachment. REMEMBER: Not publishing means you will lose 50 points.
  3. Final project is due Wednesday, April19, 2017 at 11:59 pm.

If you have any questions, contact your instructor BEFORE the due date. Any inquiry after the due date will not receive a response.

Grading Rubric

Below you will find a list of grading points used for your final project. The number after each point is the number of points deducted from the beginning total of 250.

  • Not Published - 50
  • Spell & Grammar Check – 3 per word; Improper grammar
  • Broken or Missing Links – 5 per broken link. Note: If a relative link is broken several times, only 5 points will be deducted.
  • Graphics – 5 per missing graphic
  • File Names – 15 for each file not properly named
  • Untitled Web Title – 15 for each page that shows Untitled in the Web browser tab
  • Missing Page – 25. If instructors can’t see it, it cannot be graded.
  • Table – 5 for each missing table
  • Paragraph – 5 for each incorrect paragraph. A paragraph is at least two sentences.
  • Extra Credit Pages – Same above grading points will be used on those pages as well.

Congratulations!! You have completed your final project!

Project created by Margaret Lion 2011©; Updated Spring 20171

For K200 Microcomputer Applications in Kinesiology

Department of Kinesiology, School of Public Health-Bloomington

Indiana University – Bloomington, Indiana