Instructions:

As we begin this unit, let's look at a way of charting our progress that might be useful to plan your time. Copy this Gantt chart and look through some of the stages that we would have to complete before finalizing an website

Instructions:

See the information provided under the resources icon to the right, to detail a 'Problem Statement'.

Think along the lines of; what is someones digital footprint, how can they direct people to an alternative view of themselves, how can a portfolio of a person help them.

The problems in regards to digital footprint and the benefits of designing a portfolio

Instructions:

Now that you know what problem you would like to solve, it's time to think about research. Here are some examples of questions you might want to consider in your inquiry and how they can be prioritized and categorized into primary and secondary research.

Content Research...

1. What images will be engaging to my target audience? (Primary)
2. What information do I need to gather for my Website idea? (Primary & Secondary)

Skills Research...

1. What skills do I need to learn before understanding web development? (Primary & Secondary)?

As we progress in learning how to build a website portfolio, we will aim to complete Wix.com tutorials

Now that you have completed your research, let's make sure you are on the right track to create a successful product or solution.

Instructions:

1. Review the comments on Seesaw so far. Is there anything you could do to improve?
   • 0 - 3: Comment detailing major issues
   • 4 - 6: Comment for small improvements and liked
   • 7 - 8: Liked
2. Ask the teacher for any clarification and improve your work.

Instructions:

What design specifications will make your end product or solution successful? Write your ideas down in the imperative form (i.e. it must do..., it has to include…).

Specifications some examples:

Here are some specific ideas for Specifications you may like:

1. The site is aesthetically pleasing.
2. The site has a specific function (what?)
3. The site is designed for....?
4. The site does not promote anything negative.
5. The site is easy to navigate.
6. ......etc

Instructions:

Wire framing is an integral part of the design process when making an app. Based on your idea, create a working flow of how you think your app will work using any of the tools outlined here or alternatively sketch your ideas in a similar layout:

12 Free Mockup and Wireframing Tools for Web Designers

Instructions: You MUST get feedback

Share the wire-frame ideas with your peers, family or teachers to determine how effectively others think that these site ideas meet the design specifications you have developed.

Now that you have completed your design, reflect on your progress with this self assessment.

Instructions:

Complete the questions below using the template provided:

1. During this term I was successful at...
2. The MYP Design Cycle strands addressed were...
   • Strands A1 - A4
   • Strands B1 - B4
3. One area for improvement could be...
4. Three steps I could to take to be more successful are:
   • a)
   • b)
   • c)
5. Based on the rubrics and exemplars provided, I would predict the following grades:
   • Criterion A:
   • Criterion B:

Instructions: NOTE this should have been completed at the start of the unit

As we begin this unit, let's look at a way of charting our progress that might be useful to plan your time. Copy the Gantt chart from the 'Resources' and look through the stages (strands) that you would have to complete from this unit in order to achieve the outcome

Instructions:

While you are creating your site, you must document the process that you have gone through to demonstrate the technical skills you are learning. This can later serve as a road-map to create similar products or solutions.

Write or record the following:

1. STEPS TAKEN: Simple documentation of what step you are taking in the process (i.e. wire-framing).
2. ~ TIME: Approximate (~) time needed to complete the step.
3. RESOURCES: List resources needed to complete the step (i.e. software, computer, tutorials...etc)
4. PROCESS: Brief description of the process you will go through.
5. PROGRESS / CHANGES: Document times and any changes you made to the original ideas.

Instructions:

Present your final design (site) and document whether or not you met your key dates or had to change your ideas from the wire-framing concepts. This can also be a few screenshots and a link to your final portfolio site.

Now that you have completed your product or solution, help out a peer in reviewing their work. Use the template provided to give them constructive feedback.

Instructions:

Complete the questions below using the template provided:

1. During this term, (write peer name here) was successful at __________.
2. The MYP Design Cycle strands addressed were...
   • Strands A1 - A4
   • Strands B1 - B4
   • Strands C1 - C4
3. One area for improvement could be...
4. Three steps (write peer name here) could to take to be more successful are:
   • a)
   • b)
   • c)
5. Based on the rubrics and exemplars provided, I would predict the following grades:
   • Criterion A:
   • Criterion B:
   • Criterion C:

Instructions: #NOTE D1 to D4 can be addressed in a video reflection activity uploaded to SeeSaw

Go back to the design specifications that you created in B1. Look at the testing methods that you considered using to test if those specifications would be successful. Design and carry out those methods.

Typical testing methods include:

• Survey of people’s opinion’s - what questions would be asked, set up the form or template (subjective)
• Timing how long an operation takes - what data would be collected and how to record it (objective)
• Checklist for Visually or aurally inspecting final product - Spreadsheet with list of what is to be observed etc (subjective)
• Observation of users to see how quickly they learn to use the new system, how often they need help or make errors (subjective)
• Stress-testing: Use the product or solution in ways that would be expected in real-life operation (objective or subjective)
• Inspection: Weigh it or measure it - Specification table with tolerances (objective)
• Comparison: Comparing the product with existing products in the marketplace noting strengths and weaknesses (objective or subjective)

Instructions:

Go back to the design specifications that you created in B1. Paste these specifications into the first column in the template provided. Based on the tests you conducted in D1, paste in the link to the results of this testing in the Testing Results column. Evaluate the success of the testing. Were your design specifications met?

Instructions:

Identify improvements that you believe your product or solution would benefit from to positively impact your target audience. Detail the reason or cause that you believe justify that improvement.

Instructions:

Think about how your product or solution impacted your target audience. Include reasons or causes.