Cycle 1:
Basic Problem Solving

 

Summative Test Scenario and Assignment

 

Summative Part 2

 

Feedback Example (with thanks to Fiona)

Another One (with thanks to Laraib)

(to download right mouse button click and select "save as")

Introduction

We will begin our trip through the design development process by first identifying the difference between a client, producer and audience. We will then discuss what we need to find out from our client when we first begin to consider developing a project. Having done so we will then move on to our first client meeting with our "practice client"--Mr. Jones--who will explain the first product that we will develop.

The reason we will develop our first design brief together has to do with making sure that everyone knows what will be expected when creating the design brief in subsequent projects.

Overview and Client Meeting
(Design Definition)

Here is the presentation explaining:

    1. Why the design brief, what it includes and why it includes these elements
    2. How to develop the first Problem Definition portion of the design brief.

 

Documents

Here is the template that we will use for completing the client meeting in preparation for the process of developing our design definition.

And here is the presentation that outlines what's included in an effective design definition in the context of a teacher building Web Design Class Site.

Research Phase

To begin our research we will need to determine who is going to do what. The project is a big one, but using the "Divide an Conquer" strategy will allow us to take this on with out too much difficulty. At the same time we'll be building a solid human resource base in our class.

  1. Here is the presentation covering the first Divide and Conquer portion of this project.
  2. Here is the assignment sheet outlining your responsibilities.
  3. Here is the signup sheet that I'll update as we develop this portion of the project.
  4. Main Adobe Photoshop Help Menu Page
  5. Evaluation Exercise and Worksheet.

Our Next Step: Developing Solutions--Page Layout

  1. Page Layout 1: Why, How and When To Use Grids
  2. creating a Grid in InDesign on YouTube(http://www.youtube.com/watch?v=gJcXutFDQZ4)
  3. Explanation of measurments
  4. 4 Elements of Design 1
  5. 4 Elements of Design 2
  6. Graphic Design Basics ....___
  7. Elements of Design (Another Take)
  8. Colour (Enrichment)
  9. InDesign Video Tutorials

 

InDesign Discussion:

  1. Working With Text
  2. Developing Solutions Assignments (Group Page Layout Assignment)
  3. Page Layout Rubric
  4. Sample Manual Layout
    (Right Click And Save)
  5. Considerations When Developing a Layout

.....

Using Adobe InDesign

  1. Working InDesign Page Layout Definition
  2. Adobe's Master Help Page
  3. Setting up a Text frame
  4. Character Level Formatting
  5. Setting A Style (We Will Ultimately Do This)
  6. Adding Lots of Text (Not really needed for this project)
  7. Adding Images
  8. Wrapping Text Around Graphics
  9. Using the Text Wrap Tool
  10. Other Video Topics

 

Selecting a Solution

  1. Wiki Address
  2. Page Layout Critique Assignment
  3. Final Design Report Submission

  4. Design Report Evaluation Rubrics

Implementation

Final Design Definition For Implementation

  1. As a .pdf
  2. As a .pdf without grid lines

 

Evaluation

  1. Final Deliverables
  2. Evaluation Assignment
  3. Sample Design Cycle Test (.doc)
  4. Sample Style Definition (Handwashing---as .doc)
  5. Sample Final (Daniel's Sample)
  6. Sample Design Critique

 

 

 

Download Adobe Software Page

Human Resources Canada Jobs

HRC Category 5 Jobs (Related to TGJ)

Ontario Skills Passport Site

Our Lit Test Example

 

 

Getting Started

First: Here's the "Course Outline" discussed on day

Primary Rubrics Used In Course (Demonstrate Enduring Understandings...the big ideas you must demonstrate you understand and can use by the end of the course)

  1. Design Report Rubrics
  2. Final Product Rubric

 

Problem Solving Introduction

Cycle 1

To begin our trip through the design development process we will first discuss the difference between a client, producer and audience. We will then discuss what we need to find out from our client when we first begin to consider developing a project. We will then have our first client meeting with our "client": Mr. Jones as he explains the first product that we will develop. Then we'll work together to develop this product. more...

Cycle 2

The second design development cycle will include a discussion of digital photograph and Adobe Photoshop. Our discussion will begin with some basic technical knowledge needed to understand cameras and how they work. We will work our way through the design cycle again, this time constructing material that helps teach photographic composition and the elements of design. more....

Cycle 3

The third design development cycle materials.

Cycle 4

The fourth design development cycle materials.

Resources

In developing our projects all members of the class will find useful resources on the net that will help others in our class. As students e-mail addresses for these resources, I will post them in this section of our site.

Using Adobe InDesign

  1. Adobe's Master Help Page
  2. Setting up a Text frame
  3. Character Level Formatting
  4. Setting A Style (We Will Ultimately Do This)
  5. Adding Lots of Text (Not really needed for this project)
  6. Adding Images
  7. Wrapping Text Around Graphics
  8. Using the Text Wrap Tool
  9. Other Video Topics

Using Photoshop

  1. Adobe Photoshop Tutorial
  2. Adding and Cropping Screenshots in Word

Component Useful To The Web Portion of the Course

CSS Template Sites

Exam Prep

Core Concepts That Will Be Addressed