Lesson 16: Project: Personal Portfolio Website

Web Lab

Overview

Students have spent a lot of time throughout the unit working on their Personal Website. In the final couple of days students finalize their websites. They work with peers to get feedback, put the finishing touches on the websites, review the rubric and reflect on their process. To cap off the unit, they will share their projects and also a overview of the process they took to get to that final design.

Purpose

This project emphasizes many of the core practices of this course. Students will need creativity, problem solving skills, and persistence to complete their websites. This final section of the project requires those practices as well as collaboration and communication. Peer review will encourage students to leverage their peers as resources. The final reflection and presentation allow students to practice communication about their work.

Agenda

Day 1

Day 2

Day 3

Objectives

Students will be able to:

  • Finalize their websites and rationalize the final product they will present at the showcase
  • Explain the design choices they made on their website to other people
  • Share their personal websites.

Preparation

Links

For the Students

Support

Report a Bug

Teaching Guide

Day 1

Remarks

Over the course of the whole unit you have been developing a personal website. Over the next couple of classes you will be creating a final version of that project. As we prepare to showcase your work, we will use the problem solving process as our guide to ensure we have the best quality product possible.

Define: Rubric Review

Goal: Students understand the expectations of their final product for their personal website.

Remarks

The first step of the problem solving process is to define the problem. To help define our problem we need to understand the expectations of the final product. The rubric for your Personal Website will help us. Let's go over it before starting.

Distribute: Give each student a copy of Final Personal Website - Rubric.

Discuss: As a class, review the Final Personal Website - Rubric and clarify any questions students have.

Plan: Finishing Personal Website

Goal: Students actively think about what is most important to finish on their website before starting to work.

Remarks

Next you will begin the planning stage of the problem solving process. Keep in mind you have limited time to complete this project so you will need to prioritize the work you need to.

Distribute: Give each students a copy of Personal Website - Planning Guide

Students should use Personal Website - Planning Guide to plan out the work they will do to finish their Personal Website.

Try: Finalize Personal Website

Goal: Students have a finalized website they are proud to share.

Remarks

Now that you all have plans, it is time to begin implementing your plan. We will be doing a peer review as a class. You should work to make a polished product to share during the peer review.

Transition: Students log onto Code Studio and begin finalizing their websites.

Day 2

Remarks

You should now have a polished product you are proud of. An important part of any major project is to get feedback from people not working on that project with you. They may bring some perspective you might have missed. We will spend today giving and getting feedback. Then you will reflect on how to put this feedback into action.

Reflect: Peer Review

Goal: Students get and give feedback on websites.

Distribute: One copy of Final Personal Website - Peer Review to each student.

Group: Pair students up.

Peer Review Process

Students will:

  • Open up their website projects in Web Lab.
  • Fill in the top part of the worksheet, identifying what they would like feedback on.
  • Trade places with their partner so their partner is now looking at their sheet and website.
  • Give feedback on partners work.
  • Switch back to their sheet and website to review feedback.
  • Make a plan for implementing some of the feedback.

Plan and Try: Final Touches

Goal: Students make final improvments based on feedback.

Transition:Students return to Code Studio and make any improvements that were identified in the peer review session. If they did not get any suggestions from the peer review, the teacher may want to give them some suggestions.

Students should also review the rubric as a final way to check their work.

Reflect: Final Reflection

Goal: Students spend time reflecting on the unit-long process of creating this website.

Setup: Students will need their journals and all of their screenshots of the progress on their home page. You may want printed versions if you are going to display them during the showcase.

Prompts:

  • I am most proud of the following aspect(s) of my personal website:
  • The biggest challenge that I overcame so far in making my personal website:
  • Improvements I still want to make to my website are:
  • If I knew at the beginning of this project what I know now, I would have started it differently by doing this:
  • I would describe the level of effort I’ve invested into this project as:

Day 3

Showcase Set Up

Goal: Students are ready to share the process of creating their personal website.

Setup: Students need:

  • A computer to display the website.
  • A way to display their website progression screenshots

Student Website Showcase

Goal: Students talk about their websites and allow others to use them.

Students should stand next to their computers and talk to people attending the showcase about their work. If you can't get others to come visit your room for this activity, you can split the class in half and have one half present while the others circulate. Then they can switch.

View on Code Studio

The Internet - Web Development: Lesson 16 - Project: Personal Portfolio Website

Background

Students have spent a lot of time throughout the unit working on their Personal Website. In the final couple of days students finalize their websites. They work with peers to get feedback, put the finishing touches on the websites, review the rubric and reflect on their process. To cap off the unit, they will share their projects and also a overview of the process they took to get to that final design.

Resources

View on Code Studio

Personal Website

This is it! You have been working on your Personal Website for the whole unit. Put the finishing touches on it and submit it to your teacher! Remember to use the problem solving process as your guide in preparing your final product.

Do This

  • Define: Read the rubric so you know what is expected
  • Plan: Decide what you still need to work on and put those things in priority order
  • Try: Implement your improvements to your personal website.
  • Reflect: Get feedback from a classmate and decide what of that feedback to act on.

Don't forget to take a screenshot of your home page and save it somewhere on your computer so you can find it later (Need help with how to screenshot? Check out this website .)

Standards Alignment

View full course alignment