Welcome to Web Design I

In this course, you will design a web site with transception, using evolutionary guidance media.

A five phase development structure will help shape the design and delivery process.
There are two major deliverables:
1) prototype and
2) the final site.

thedigitalprofessor

Tuesday, April 21, 2009

Enter This today!


http://www.theadcc.ca/awards/student_competition.asp

Deadline for entry is next week: April 30.

Saturday, April 18, 2009

LIVING IN A DREAM!!!

Friday, April 17, 2009

JAM ON: Thursday April 23, 9pm-12am

JAM ON
Looking for drummer, bass, singers...
Note the later start: 9pm-12am
BIG ROOM BOOKED: PA, amps, and drums supplied.

$10.00 fee to cover the room.

Please RSVP me to tell me you're jamming....


http://www.amusikzone.com/

748 Av Broadview ( Just a few steps south of PIZZA PIZZA)
Toronto, ON M4K 2P1
(416) 462-1731
www.amusikzone.com

Tuesday, April 14, 2009

Week 15: Final Web Site Presentations

Final Web Site Presentation Day!!!
Finally... the day we have all been waiting for.

Be sure to have your final report and DVD-R/CD-R for submission.

You will be asked to present your final work to the class and explain how the site is an example of transception.

Please note: There are no extensions.

***** Phase 5: Publishing *****
Brand the site with a domain name.
Upload the site to the host!
List the site with search engines so it can be found easily.
Promote the site

Step 1: ISP Selection – Domain Name & Hosting
Create a list of ten possible domain names for the client.
Find out if the domain names are available. HYPERLINK "http://www.networksolutions.com/whois/index.jsp" http://www.networksolutions.com/whois/index.jsp.
Present to the client three possible domain names that are available.
Research possible hosts for your site.
Produce a report listing the features and prices of three possible hosts. Indicate your recommendation.

Step 2: FTP Final Site to your account
Use a program such as Dreamweaver, Cyberduck, or Fetch
See HYPERLINK "http://www.fetchsoftworks.com/" http://www.fetchsoftworks.com/
See http://www.cyberduck.ch/

Step 3: Test in a Browser
Check all text hyperlinks, and image maps
Check all Quicktime (.mov) and Flash (.flv, .swf) to make sure plug-ins are working
Make a list of all plug-ins required for this site

Step 4: Register with search engines, promote the site
Create a list of five search engines to add the site to. Add Site URL to Google: All search engines have "Add a Site" link - add your URL for their robots to visit. See HYPERLINK "http://www.google.com/addurl/" http://www.google.com/addurl/
Create a physical (4-colour, double-sided) bookmark (submit at least 2 copies) to be used to promote the site. [Consider producing a bookmark to hand out to each member of the class.]

Important Final Project Report considerations
Site maintenance/update schedule (weekly, monthly, quarterly, bi-annual)
Propose to the client traditional media forms for promoting the Site –
Using “traditional” media forms (newspapers, magazines, postcards, bookmark, related industry associations, CD/DVD web hyperlink, radio, TV, email, blogging, myspace bulletin, facebook, youtube video)
Blogger : Start a blog at blogger. Edit the template to include a link to your own site on every page. Blog regularly about your industry. See HYPERLINK "https://www.blogger.com/start" https://www.blogger.com/start
Create a physical (4-colour, double-sided) bookmark (submit at least 2 copies) to be used

Monday, April 6, 2009

School of Design Year End Show (YES) - The 2009 student design exhibition will showcase the best and most notable work from the School of Design. Exhibition runs April 23-28, 2009 with opening reception on April 23, 2009 at 6 pm at 230 Richmond St. E. More details available at www.yes09.ca.

Monday, March 30, 2009

Week 14: Good Friday - No Classes April 10th

Due to the holiday, there will be no classes on this day.

Next week is Week 15. Come to class prepared to present your web site, hand in your DVD-R, and the Design Report.
Projects will be evaluated in class.

Week 13: Present Site to Class & Team

This week we will present our sites to our team and get a peer evaluation.

Friday, March 27, 2009

This week... Form Design

sendmail.php

$myAddress = "blah@blah.com";

// validate email address
if (ereg("([[:alnum:]\.\-]+)(\@[[:alnum:]\.\-]+\.+)", $emailfield))
{
// address is valid
}
else
{
$returnVal = "ERROR!";
$message = ("Email Address not valid.");
echo("&message=$message&returnVal=$returnVal&");
exit;
}

// BUILD EMAIL HEADERS
$headers = "From: $namefield < $emailfield> \r\n";

// SEND EMAIL
if (mail ($myAddress, 'My Web site - form feedback' , stripslashes($commentfield), $headers)) {
$returnVal = "SUCCESS!";
$message = "Thank you for your message.";
echo("&message=$message&returnVal=$returnVal&");
}
else
{
$returnVal = "ERROR!";
$message = "Message not sent at this time";
echo("&message=$message&returnVal=$returnVal&");
}


?>

Week 12: Mailer Form on Web SIte


This week we design and code a web mailer using Flash & php.

See: http://graf1131.blogspot.com/2009/03/formmailer-example-code-from-kirupa.html

form_mailer example code from KIRUPA

http://www.kirupa.com/web/form_mailer.htm



$date = date ("l, F jS, Y");
$time = date ("h:i A");

$msg = "Below is the result of your feedback form. It was submitted on $date at $time.\n\n";

if ($_SERVER['REQUEST_METHOD'] == "POST") {
foreach ($_POST as $key => $value) {
$msg .= ucfirst ($key) ." : ". $value . "\n";
}
}
else {
foreach ($_GET as $key => $value) {
$msg .= ucfirst ($key) ." : ". $value . "\n";
}
}

mail($to, $subject, $msg, $headers);
if ($forward == 1) {
header ("Location:$location");
}
else {
echo "Thank you for submitting our form. We will get back to you as soon as possible.";
}

?>

Tuesday, March 24, 2009

Earth Alert- Raising Environmental Consciousness

Earth Alert- Raising Environmental Consciousness
Friday, April 17th 6:30-8:30pm, MultiFaith Centre, 569 Spadina Avenue



Interactive Discussions, Mantra Meditation & Vegan Feast - FREE FOR STUDENTS

Climate change is with us. Now, more than ever, Mother Earth needs us to tread lightly on her. But, how do we change deeply embedded lifestyles and habits? Join us to explore the timeless art of genuine sustainable living from the ancient teachings of the east with our special guest Devamrita Swami - a traveling monk, Yale graduate, an author and researcher who has been instrumental in raising environment awareness around the world through his workshops. Also featuring guided mantra meditation session & our all famous vegan feast!
FREE FOR STUDENTS.

More Info @ www.urbanedgeyoga.com


Meet Devamrita Swami : An Urban Monk
Explore ancient eastern perspective to Holistic education. We invite you meet Devamrita Swami a monk, yale graduate, author & researcher, who travels around the world presenting at different universities introducing people to the ancient wisdom of east and its practical application to the modern life. Through his in-depth research in eco-sustainability, spiritual accounting, spiritual economics and similar topics he encourages people to explore beyond the routine and embrace holistic lifestyles.

To arrange for a meeting please get in touch with Aarti @urbanedgeyoga@gmail.com or call 647.261.7499

Friday, March 20, 2009

call to conscious evolution

An inspiring call to conscious evolution, a clear articulation of what is needed in these times.


The Obama Administration has asked the "Evolutionary Leaders" to communicate about what is transpiring on the planet, and how we can change the course of the unprecedented events that are challenging this planet. This is a window of opportunity for this information to be conveyed to the Obama Administration.

The Evolutionary Leaders like Deepak Chopra, Gregg Braden, Michael
Beckwith and many, many others, gathered together to write up the
information to present to the Obama Administration. They are also asking us to sign a petition to show the Administration how many people are in favor for these changes to occur. They need 10,000 signatures. We need your help to reach that number and beyond! Below is the information presented to the New Administration.

The petition link can be found here:
http://www.thepetitionsite.com/takeaction/248704259

By the Evolutionary Leaders
The human family is in the midst of the most significant transformation of consciousness since its emergence in Africa over one hundred thousand years ago. Consciousness has been evolving for billions of years from the first cell to us. We are becoming aware that through our own consciousness the universe can know itself. This awareness reveals incredible new potential for our individual and collective humanity.

Simultaneously, we are the first species on this Earth aware that we can destroy ourselves by our own action. This may be the greatest wake-up call to the evolution of consciousness since the origin of Homo Sapiens. We now realize that we are affecting our own evolution by everything we do. This knowledge awakens in us the aspiration to become more conscious through subjective practices including meditation, reflection, prayer, intuition, creativity, and conscious choice making that accelerate our evolution in the direction of unity consciousness and inspire us to deeply align our collective vision.

THE CHALLENGE
At this juncture in human history, urgent global crises challenge us to learn to live sustainably, in harmony and gratitude with one another and with the living universe. The changes required of humanity are broad, deep, and far reaching. Only by acting swiftly and creatively can we birth a planetary culture that will bring well-being to every form of life in the Earth community. The good news is that a compelling new story of our potential as a whole human species is emerging-a story of collaboration, citizenaction, dialogue and new understandings propelled by unprecedented levels of democratic freedom, multicultural exchange, and access tocommunication technologies. It is nothing less than the story of our
collective evolution.

OPPORTUNITIES FOR ACTION
We recognize that the inner and outer aspects of life evolve together. A dramatic awakening in consciousness will involve an equally dramaticshift in outward aspects of our lives. In particular, we see the following as vital opportunities for our conscious evolution, both personally and collectively:

Cultivating a Paradigm of Aliveness:We regard the universe as deeply alive and conscious by nature. In a living universe, our sense of subtleconnection and participation with life around us is the basis for a compassionate and cooperative approach to living.

Educating for an Evolving Consciousness:Awakening consciousness is the foundation for all the change we seek to see in the world. We can work to elevate our capacity for conscious reflection and creative action in our personal lives as well as our collective lives as communities. We must support research and educational strategies that optimize human capacities and explore the nature of consciousness.

Restoring Ecological Balance:The balance of planetary ecosystems isfundamental to our survival. We must reverse the pollution of our global commons-the water, air and soil that nourish all life. We must encourage the proliferation of clean, renewable energy sources and expend all necessary resources toward mitigating the effects of climate change.

Encouraging Conscious Media:We must find innovative ways to use thenew electronic media as the mirror of our positive evolutionary story,investing in their capacity to reach across differences of generation,culture, religion, wealth, and gender to build a working consensus about our collective future.

Engaging in Social and Political Transformation:More sustainable waysof living will require the support of a more conscious democracy andvibrant civil society from which more enlightened leaders will emerge.All individuals should be encouraged to use their gifts to createparticipatory, responsible and compassionate models of governance.

Working for Integrity in Commerce:Conscious businesses that are awareof the scope, depth, and long-range impacts of their actions are key to achieving sustainability.. Business must become an ethical steward of the Earth's ecology and consciously establish an economic basis for a future of equitably shared abundance.

Promoting Health and Healing:The science of mind-body-spirit healthhas demonstrated the profound connection between the health of a wholeperson and the health of the system in which he or she lives. Wholesystems healing, respecting both traditional knowledge and modernsciences, must be supported in physical, social, and spiritual domains.

Building Global Community:The new story is about all of us who sharethis planet. Together, we can create a culture of peace that eliminates the need for armed conflict, respecting and appreciating the glorious diversity of our human family.

YOUR PARTICIPATION IS VITAL
Our group has done its best to articulate possibilities for the evolution of consciousness at this crucial moment in time. Please reflect on this document, feel what resonates in your being and calls forth a response on your part. We invite you to discuss it with others, continuing this global conversation by adding to it the wisdom that is uniquely your own..Together, let us co-create a new narrative of conscious evolution that is a call to individual and collective action, birthing the most significant transformation of consciousness in history. Join in the Call to Conscious Evolution by signing the pledge now.

The petition link can be found here:http://www.thepetitionsite.com/takeaction/248704259

FOUNDING SIGNATURIES
Chopra Center , Carlsbad , California , July 26, 2008
Michael Beckwith, Joan Borysenko, Gregg Braden, Rinaldo Brutoco, Thomas Callanan, Deepak Chopra, Mallika Chopra, Dale Colton, Gordon, Dveirin, Duane Elgin, Leslie Elkus, Barbara Fields, Debbie Ford, Ashok Gangadean, Kathleen Gardarian, Tom Gegax, Charles Gibbs, Kathy Hearn, Jean Houston, Barbara Marx Hubbard, Bruce Lipton, Judy Martin, Rod McGrew, Steve McIntosh, Lynne McTaggart, Deborah Moldow, James O'Dea, Carter Phipps, Wendy Craig-Purcell, Carolyn Rangel, Rustum Roy, Peter Russell, Gerard Senehi, Emily Squires, Brian Swimme, Diane Williams, Marianne Williamson, Tom Zender.

20 Useful Typography Tools

Typography is a crucial component of a design. When used effectively, it sets the mood and solicits emotion about the design. Working with typography can be challenging, but fortunately, there is a plethora of free tools on the web that can help you work with type.

http://sixrevisions.com/graphics-design/20-useful-typography-tools/

http://www.socialmarker.com/




See also http://delicious.com/

http://egmd.blogspot.com/

http://egmd.blogspot.com/

1. STORY: Have a Compelling Story
2. CONNECT: Connect to everything, all the time
3. RESOURCES: What is the Payoff? What are the Resources, Incentives you are sharing?


Wednesday, March 18, 2009

Week 11: Validate, Blog, Google

A number of items this week:
1) Establish a blog related to the topic. Also link the Blog with the site.
2) Validate the site using a validator.
3) Register the site with Google.'
4) List any technical issues (scripting, navigation, functionality) that will need to be solved this following week.

Phase 4: Technical Engineering

Phase 4: Technical Engineering
Functionality meets form. This phase is a critical examination of the technical issues that may or may not affect the ease-of-operation of the site.
Step 1: HTML, CSS, Javascript/Behaviors, PhP, Actionscripting
1) Validate the site using a validator.
http://www.w3.org/QA/Tools/
and
http://validator.w3.org/ are two such sites that may be useful in carry out a validation.
2) Title All Pages Properly: Search engines can only read a portion of a long title. Stay in the 60-90 characters, 10-20 words range.
3) Meta Tags – Keywords (max 10) and Description (2 lines)
4) Sitemap: If your site has lots of folders and subfolders, then the site should have a sitemap with major site tree structures linked. Search-engine robots can traverse the tree.
5) Google has a section for the most frequently asked questions from webmasters. Look at http://www.google.com/webmasters/
6) Add Site URL to Google: All search engines have "Add a Site" link - add your URL for their robots to visit. See
http://www.google.com/addurl/
7) Unique Content: The site should have unique content not easily available on other pre-existing very popular sites. It is very difficult to displace heavily-linked highly popular existing sites.
8) Inbound links from other relevant Sites: The site should have other sites linking to it. Not all inbound links are equal. Sites which are highly ranked, are more important than lower ranked sites.
9) Inbound links from Blogs: Multiple blog links to a given page can very quickly increase that single page's ranking. Since blogs quote a portion of your text on their pages, your page will get a high ranking for that snippet.
10) Blogger : Start a blog at blogger. Edit the template to include a link to your own site on every page. Blog regularly about your industry. See https://www.blogger.com/start

Step 2: Browser Testing
Is the site optimized to function with the most common browsers used today?

Does the site make use of certain scripting that is best used with newer versions of these browsers?

Consider that while this site can be used with older versions of these browsers, some functions and features may not work properly. Make a list of functions that will not work on older browsers.

Monitor configuration may be an issue in viewing the site.
Is the site optimized for display on a monitor configured at a minimum resolution of 800 x 600. Monitors configured at a smaller resolution (for instance, 640 x 480) will result in the need to scroll horizontally across your browser window.

Are cookies utilized with this site?
This site may use cookie technology to accurately identify repeat viewers. A numeric code may be attached to your browser as a cookie.
Step 3: Type Proofing
1) Check for spelling and grammar: read every word on the web site.
2) Have someone else proof-read every word on the web site.
3) Test every link on the web site.
4) Every picture must have an alt tag name describing the picture.
5) Proof the Title, Keywords, and Description for spelling.
6) Proof the type in the internal documentation: comments within the HTML and Javascript.

FLOW: An Example of Evolutionary Guidance Media

Monday, March 16, 2009

THE BRAIN THAT CHANGES ITSELF



Explore the revolutionary science of "neuroplasticity" - a concept that expands not just our knowledge of how our brains work, but how we use them.



http://www.normandoidge.com/normandoidge/MAIN.html


Also see http://www.cbc.ca/documentaries/natureofthings/2008/brainchangesitself/#

Friday, March 13, 2009

TEA... March 20th

A Vibrational Language for the WEB metaphor

The Transception Tea Hour

Next Friday, March 20th, 2009,
Time: 1-2pm,
Mitchell is hosting: The Transception Tea Hour,
featuring... The Anxiety Reduction Tea Ceremony
and other stories from the depths of consciousness.

RSVP ...
only room for 8 tea cups....

Thursday, March 12, 2009

Week 10: Interface Design Due

This week we will critically examine the interface design of the Web Site.
Please have a new interface design ready for viewing in the class.

ANSWER THESE QUESTIONS:
1) Explain in what ways is your site is unified.
2) Explain in what ways your site is unified with compassion.
Make suggestions for improvement to your interface so that it is unified with compassion.
Post the new interface this week to the Site under Phase III.

Once this is completed we will move into production and Phase 4: Technical Specs.

newmindspace.com example of EGM



http://newmindspace.com/

Great Jam Last Night













Great Jam last night ...
two and a half hours of ear splitting jamming!!!!

Vlad setting the root beat with the Djembe...
Jesse adding the Coltrane sax melodies...
Shane driving the guitar chords through the walls...
Matias blasting wild guitar solos into the cosmos...
and Prof P beating the drums into submission.

A great evening topped off with lots of free organic coffee, fresh water, six can of pop... a pepperoni, mushroom, and tomato grand size pizza!!!
Couldn't ask for much more ... all for just $10.00...

We are looking for a bass player and a singer to add some more colour to the experience...
NEXT JAM is set for Wed. March 25, 6-9pm
email prof. p. to get in on this happening...

Perhaps some Illustrators will come out to draw the experience...

Monday, March 9, 2009

JAM on WED> 6-9pm at AMUSIKZONE

RSVP to my email if you intend on coming as there is only room for about 5 people in the room that has been booked.
Also, $10.00 per person to cover room expenses.

We'll meet at our SCHOOL entrance for about 6:05pm then hop on down to catch the King Street 504 Streetcar East to take us up to Broadview and Danforth for about 6:30pm start time.



http://www.amusikzone.com/
748 Av Broadview
Toronto, ON M4K 2P1
(416) 462-1731
www.amusikzone.com

Tuesday, March 3, 2009

MUSIC JAM Wednesday March 11 6pm...9pm

Calling all drummers, singers, bass guitarists... guitarists... djembe players...
A JAM is being planned for next Wednesday, March 11, 6pm -9pm...
See Prof P for more info.
$10.00 fee to cover Jam Space Rental (includes amps, PA, and drum set)...

Monday, March 2, 2009

Phase 3: Interface Design

Phase 3: Interface Design
An interface should provide different clues (colours, backgrounds, icons, sounds) or screen maps, for navigation – for moving forward, backward, and for exploring.
The ideal interface is the one that has been designed with deep understanding of the user and their needs.
Interface design is more art than science.
Step 1: Visual Design
From Phase 1, we should know something about the end-user. It’s now time to come up with ideas, sketches, and a storyboard for the visual design aspects of the site. Consider sentient design (allowing interaction across the range of human senses). Consider a metaphor for telling the story.

How will the viewer find their way through the content?
• Map, compass, drop down menu, navigation-bar, bookmarks, tabs, search engine, overview, colour scheme, signs (angles, footprints, slope of a hill), sounds, tour guide, flicker of lights, audio…).

Four key navigation tips:
1) Follow a structure and be consistent – meaning: logically harmonious.
2) The viewer should not have to go through more than three clicks to get to the content.
3) The viewer should always know where they are on a site
4) The viewer should be able to return back, and eventually return back to home.

Prepare the following:
1) List of ideas. All ideas matter. Do not judge them; just write them down.
2) Sketches. Create draft sketches on paper, or in Photoshop/Illustrator.
3) Storyboard. How do you imagine the user working through the material?
Step 2: Create a Prototype
The prototype is presented to the client as evidence that the designer understands the requirements and is able to do the work. It will contain evidence of research (phase 1), site structure functionality (phase 2), and the visual design sketches and flow.

Prepare a prototype with the following working hyperlinked pages:
1) index.html. This page is the first page of the site. It may be a splash page or it may be the menu page containing links to all the main categories.
2) Menu and all other pages. Page layouts include sketch graphics and sample text content.
3) sitemap.html. Includes working links to all pages on the site.

Step 3: Client Approval (Production officially begins after this step)
The client is requested to signoff on the prototype, and request any changes to be made.

Interface Design

This week we will be designing interfaces for web sites.
Be sure to read your Phase 3 requirements (see above).

Friday, February 27, 2009

zine recession sale... darling is coming...

Tones of great zines will be on display,
Alicia runs a zine library and has a great collection to view, also there will be baked goods and music!

Date: Thursday March 5 th
Time: 11 - 6pm
Place: OCAD (Ontario College of Art and Design) in the Grand Hall, just behind the elevators as you walk into the main building
Address: 100 McCaul Street,Toronto
Name of Show: zine recession sale

thanks for the support!
~S (GBC Alumni)

Lessons Learned and Looking Ahead

Thought this might be of interest to some of us transceptive beings:

The Power of People: Community Responses to Capitalism in Crisis
Public Meeting and Meal: Lessons Learned and Looking Ahead

Sunday March 1st, 2009
Time: 3pm (Meal at 5pm)
Location: OISE, 252 Bloor Street West (St. George Subway Station), Main
Auditorium
Free Meal will be served after the event!
By Donation / PWYC

---------------------------------------------------------------------
Featuring:

Max Rameau, Take Back the Land (Miami, Florida)
Richard St. Pierre, Longtime Quebec activist and member of the
Internationalist
Workers Group (Montréal, Quebec)
Cynthia Palmaria, Migrante-Ontario (Toronto, Ontario)
John Clarke, Ontario Coalition Against Poverty (Toronto, Ontario)
---------------------------------------------------------------------

Please join us for an evening of discussion and food. Come hear directly from a diverse panel of community organizers about their experiences and strategies, including Max Rameau, an organizer with the Miami-based 'Take Back the Land', a grassroots group that, as a result of the crises of
gentrification, housing and now foreclosures, has been liberating public and foreclosed land and homes since 2006.

The current crisis of capitalism has long been forming, but it is much broader than the current credit crunch, plunging stock and housing markets. This crisis is about our ability to buy food, to afford housing and transit, find work, and access welfare and disability support money.

And yet, in this country, as in many parts of the world, billions of dollars are earmarked for corporate bailouts, while people face a crisis of survival. So-called 'stimulus packages' do not address the perpetual roll-back in our social gains - public education, affordable housing,
health care, collective bargaining, a living wage, safe work conditions, a non-toxic, sustainable environment. In the City of Toronto, spending on social housing is dropping annually, subsidized daycare spots are set to be slashed, basic social services cut, and a majority of us do not and
will not qualify for EI. Women and migrant workers' needs are not even on the table.

But we didn't break the system - one that never worked for us in the first place. We should not be forced to pay for it.

Only through bitter struggle have we won any measure of justice and dignity for our communities. The current financial crisis is and will continue to hit poor, marginalized, working, and racialized communities first and hardest. Make no mistake - the rich are scrambling to save themselves.

Please join us to discuss an inspiring history and present examples of resistance, and ways we can come together to fight for what is ours, for what our families and neighbourhoods really deserve.
-----------------------------------------------------------------------------------------------------

Hosted by: OCAP (Ontario Coalition Against Poverty), GGAPSS
(Graduate Geography and Planning Students Society of UofT), and the
Toronto New Socialists

Endorsed by: CAIA (The Coalition Against Israeli Apartheid) BASICS
Community Newsletter, and OPIRG (Ontario Public Interest Research Group)

Ontario Coalition Against Poverty
10 Britain St. Toronto, ON M5A 1R6
416-925-6939 ocap@tao.ca www.ocap.ca

Wednesday, February 25, 2009

Just for today, do not worry.

Make a Difference in the World

I saw a beautiful video today, and I wanted to share it with you as an example of TRANSCEPTION.

Friday, February 20, 2009

Cinnamon Buns Made With Transception




Photo by Dave Lee,
Nikon D60, 18-55mm lens





Ooh they are good (Jillian)
Wonderful (Jesse)
Really Good (Alex)
So Good (Dave)

TODAY: Class Evaluation of Prototypes
Evaluate all the prototypes in your group and post your evaluation of your site:
http://www.designportfolio.ca/~graf1131_004/

Thursday, February 19, 2009

Prototype Evaluations (Within Each Team)

STEPS:
1. Each group will create an evaluation sheet for the prototypes.
2. Evaluate each prototype using the evaluation sheet.
3. Make suggestions for design improvement.
4. Post the Prototype Evaluation on the Web Site as an HTML or Flash page. Be sure to create a button to take the viewer to the Prototype Evaluation.

EVALUATION SHEET QUESTIONS:
1. What do you think of the overall design ? What changes would you make ?
2. Are you happy with the structural design (Layers, Tables, Flash Movie Clips, Frames) you chose? Would you make adjustments next time ?
3. Is the colour scheme exactly what you expected ? What alterations would you make?
4. Are graphic Design principles evident? Explain what principles are employed, and what may need to be adjusted.
5. Is the metaphor used in the graphical interface? Is the metaphor explained with a description?
6. Is there enough content and design to demonstrate that the Web Designer is able to do the work to your satisfaction?
7. Is it easy to navigate? What changes are required ?
8. Are media examples/elements missing to help tell the story/solution? List missing items.
9. Do the typefaces suit the content? What changes are required ?
10. Does it functionally work ? What changes are required ?
11. Does the Web Site lead the viewer towards holistic development of the individual? Explain how it does or does not do this.
12. Is the dimension explained? Is the Solution within the correct dimension? Explain.
13. List other suggestions for improvement.

NEXT STEPS:
Interface Design due next class.
The Interface design is based upon the metaphor for the Web Site.

Evaluation sample ( Product evaluation)
http://www.technologystudent.com/despro_flsh/box1.html

User Interface Design Criteria - from California Polytechnic State
University
http://www.csc.calpoly.edu/~jdalbey/SWE/QA/UICriteria.htm

Web Anatomy
http://www.uie.com/articles/web_anatomy_frameworks/

Try the 5-Second Test
http://www.uie.com/articles/five_second_test/

User Interface Engineering
http://www.uie.com/
- Here’s a site where you can get news and articles on design.

Tuesday, February 10, 2009

Socially Responsible Design (SRD) Competition

While "competition" is not a term associated with the work of transception and evolutionary guided media, I am posting this advertisement in case you might be interested in the socially responsible aspect of this opportunity:

Socially Responsible Design (SRD) Competition
This contest is open to 2009 graduating design students and design professionals within Canada. There are 2 categories: SRD that targets the Developed World and SRD that targets the Developing World. Students will be judged as part of Rocket, the annual student design show. All entries mst be received by April 15, 2009. An honorarium of $200 will be paid for each design that is accepted. More details available at www.coolersolutionsinc.com/srdesign

Monday, February 9, 2009

What a Great Example of Evolutionary Guidance Media

http://playingforchange.com/








How to FTP to Account

Two Important Steps:
1) Use Dreamweaver;
2) Select Secure FTP checkbox, when setting up the site.

Hope this helps.
P.

Monday, February 2, 2009

What's Due in Phase # 2

There are four steps to consider in this phase.

Step 1: Site Map
The site map is basically a central place where the viewer can navigate to every page on the site.
Prepare the following:
1) Content Inventory Document. This document will list all the content items required to be on the site. The items will then be organized into categories. From these items and categories a site map is sketched, refined, and produced.
2) An html file for every page on the site, thus creating a framework for the whole site.
3) Site map: An HTML page including a hyperlink to every page on the site.

Step 2: Content Gathering, Writing, and Editing
In the process of designing the Web Site, you will need to gather content from the client, and from other places. You may also be called upon to create new content, and edit/reformat existing content.
Prepare a list of items under the following headings:
1) Existing items that need to be gathered
2) New items that need to be created
3) Items that need editing/reformatting.

Step 3: Technical Specifications
Decide the formats of all data files.
Prepare a report:
1) List the technical specifications that are required for this site.
2) List all the technical requirements that I am able to resource myself
3) List all the technical requirements that I will need to out-source.

Step 4: Navigation
Prepare a flow chart illustrating the navigational structure for the site.
The site may be linear (forward & backwards only).
The site may be jump-linear (jumping back to a higher level).

Phase One

Congratulations!!!
Phase One is completed.
Web Site List with Icons

Next Steps:
Phase Two...
1) Site Map
2) Collect & Study related ideas (Look for designs that solve similar problems)
3) Gather materials
...

REMINDER:
In-class presentation of the Prototype due Week #7 ( We are now in week #5)

Saturday, January 31, 2009

POEM: join me in anxiety

join me in anxiety
--------

stained, lost - at a loss
not wanting to speak
scared, shaking - mustering
SPOKE - stop
and the room reacts
but it's underwater
enhanced sound waves
I hear it all
the whisper at the front
the diss
the laugh
and suddenly
I am on stage
SWEATING
my mind screams
"THINKG OF A RESPONSE"
and I blurt...


the anxiety jitters
I'm shaken
I hear good feedback
and I force a florish
I hear negatve returns
and I build my own hell

and the force flows
i am on fire, from the face back
burning centered on my soul
sequestered without console
looking for a laugh

found the escape button
make them giggle
they won't stare
not if you can joke

and again suddenly
I am the star
on the stage
making the crack
sharing the slack

anxious with delight
I sit back silent
un-won
but forgiven.

M

Mitchell Tremblay
Graphic Design Student,
SparkMuse Designs

Friday, January 23, 2009

Finding The Story Exercise!

Be sure to click to expand.

Phase #1: Assignment Due next week

What is due:
Post the assignment as a Web site on your account, with the following pages:
index.html must be your 60x60 icon with an image map linking to the menu
menu.html with 6 hyperlinks:
1. Global Issue & description, & Local issue and description
2. The Dimension and description of the dimension
3. The Metaphor and explanation of the metaphor as it relates to the issue/solution
4. Look & Feel ( typefaces, colours, animations, visual style, music style)
5. Project Resources (people, equipment)
6. Project Budget ( Costing in the number of hours) & Schedule (detailed list of all the tasks that will need to be completed)

Annual Conference 2009: Fighting for Rights & Fighting the Right

Annual Conference 2009: Fighting for Rights & Fighting the Right

Saturday, February 28 @ 9am - 5.30pm
Hart House at U of T, 7 Hart House Circle
INFO: lawunionconference@gmail.com; www.lawunion.ca

Registration fee: full conference: $45 ($15 for students) or PWYC single session: $15 ($5 for students) or PWYC

KEYNOTE: Dying for Water

IS THE PUBLIC'S RIGHT TO WATER SLIPPING THROUGH OUR FINGERS? Tony Clarke, Founder and Executive Director of Polaris Institute, Ottawa, and co-author of Blue Gold: the Fight to Stop the Theft of the World's Water

Panels:

ABORIGINAL: Fulfilling the Promise of the Indian Residential Schools Truth and Reconciliation Commission: Mission Impossible?

CORPORATIONS: Corporate Social Responsibility: An Oxymoron?

CRIMINAL LAW: Sex, Silence and Crime: Prosecuting People Living with HIV/AIDS for Not Disclosing

ENVIRONMENT: Wind Power: Green Energy or Greenwashing? Ontario: How's the Water?

CHARTER OF RIGHTS: The Homeless Have Rights! Implications of Recent Court Victories for Rights to Housing

IMMIGRATION: Conservative Attacks on Immigrants' Rights

INTERNATIONAL TRADE & HUMAN RIGHTS: Free Trade with Colombia: Free of guilt?

LABOUR: Justice for Migrant Workers: Legal and Activist Strategies

U.S. MILITARY TRIALS: Omar Khadr: Child Soldier, Torture Victim, Alleged Terrorist, Legal Anomaly

Call for Artists

Call for Artists
Toronto Multicultural Website Project: What image best represents your ethnic identity?

CAMH is now accepting original art work, artists/writers/photographers/video-graphers, to participate in a Toronto Multicultural Website Project that best depicts your ethnic group/population. The calls are for a response to the question What represents your ethnic identity?

The chosen designs will appear on the main page of a new Toronto-based website that will symbolize and serve each ethno-cultural community in the city. Images produced in any medium are desired – including photographs, animation, paintings, sketches, graphics, mixed media, textiles and more. We are looking for submissions that visually represent each of the many different ethnic groups in Toronto.

One image for each ethnic group will be picked for the site. Prizes will be awarded
to the chosen artists.

Please photograph your work and send (as a jpeg) with personal contact information to torontoincolour@camh.net by March 1st, 2009.

For further inquiries please contact Aileen O’Dowd at 416-535-8501 ext. 7616 or email aileen_odowd@camh.net.

Call for artists/writers/photographers/videographers: Toronto Multicultural Website Project. Please visit: www.camh.net for more info.

Thursday, January 22, 2009

Week 03: Metaphor for the Issue

This week we will complete Phase I, the following:
1) confirm our local issue
2) write up a phase one document
3) submit an icon for use on the web site (60 x 60)
4) decide on the dimension for the issue
5) create a metaphor for the issue
6) participate in a creativity exercise
-------------------------------------

Design Step #1: Define the problem, is completed
Design Step #2: brainstorm for solutions
Design Step #3: collect and study related ideas
Design Step #4: Sketch... start sketching, gathering material for the site.

Monday, January 12, 2009

Week 02: TRANSCEPTION

Read the TRANSCEPTION handout article and web linked pdf (see course readings) and be prepared to answer the following questions in class.

Questions to be discussed during the class:
1) What is transception?
2) What are the nine dimensions of evolutionary guidance media?
3) What is your global problem?
4) What is a local example of this global problem?
5) What metaphor might be used to tell the design solution story?

Project Samples

Find below, a link to project samples.
Please review the sites with regards toward the topic, design dimension, and use of metaphor.
View Project samples here

Friday, January 9, 2009

Week 01: The Web Metaphor

Major concepts for the Web Metaphor
Inter-dependence: We are dependent upon each other for our happiness, well-being, and peace.
Inter-relationship: We are in community; in relationship with other. It's not just me.
Inter-connection: We are connected on many levels (body, mind, soul)

The Net of Indra...
is a metaphor that may be used to describe the internet.

Read the TECHGNOSIS article...

Visit Erik's web site for more: http://www.techgnosis.com/

For Next Week:
1) Pick a global problem
2) Pick a local example that you will work with for the Web design project
3) Read the TRANSCEPTION article and choose the dimension you think will fit your design.

Saturday, January 3, 2009

Our User Generated Content REMIX Culture

http://newmusicstrategies.com/

http://newmusicstrategies.com/
May also apply to new media, web designs, flash designs.

Think about 2009 and The Canadian New Media Awards

Think about 2009 and The Canadian New Media Awards

Product Awards categories include:

EXCELLENCE IN SOCIAL MEDIA WEBSITES: This award will be presented to a website that demonstrates excellence is connecting a community of users through a variety of different tools and functions.
The site will be judged on
1) quality of user experience,
2) the appropriateness of the functionality to the community group it serves and
3) the amount of community activity generated by the site.

Submissions can represent a corporation, a non profit organization, a citizen or a political realm.

http://www.cnma.ca/index_e/nominations.php

Media That Matters (attend this at least once in your life)

This year, David Kirkpatrick and others...:
http://www.mediathatmatters.org/MtM/mtmain.html

David Kirkpatrick, senior editor, internet and technology at FORTUNE, specializes in the computer and technology industries, as well as in the impact of the Internet on business and society. He writes a column which appears weekly on fortune.com and through e-mail subscription.

Kirkpatrick joined Time Inc. in 1978 while working as a video artist, and started at FORTUNE in 1983. In 1991 he began covering the computer beat. In 1990 his story "Will You Be Able to Retire?" was a finalist for the National Magazine Award in the personal service journalism category. He has written cover stories on Apple, IBM, Microsoft, Intel Sun, and numerous other topics including blogging. He is regularly ranked one of the most influential tech journalists in the U.S.

Kirkpatrick has appeared frequently as a technology industry expert on CNN and PBS. Working with other FORTUNE editors, he developed and hosts Brainstorm, a multi-disciplinary conference which brings together global leaders to interact and discuss the future. The conference, first held in 2001, takes place annually in Aspen and is produced in partnership with the Aspen Institute.

David is currently in the throes of a book project, "The Facebook Effect", which will be published mid-2009.

He is in constant demand as a speaker and moderator at conferences, including the World Economic Forum, The World Congress on Information Technology, and other global events.

Subtle Technologies Festival

Some specific topics which we will address at this years festival include:

net art
networked performance
biological networks
wireless networks
social networking
communication, transportation and economic networks
virtual worlds
systems theory
community networks
network theory
collaborative and open source initiatives
online culture
“small world problem” and mathematical models
genetic networks

http://www.subtletechnologies.com/2009/

motion design contest, deadline January 23, 2009

Toronto link:
http://www.cutandpaste.com/events/2009/mar/14/toronto-2009/


The deadline for North American competitors is January 23, 2009 and European and Asian designers have until February 20th. Here are some details…

· This year, Cut&Paste is introducing the first-ever live 3D design and motion design contests

· The 2009 tour will begin in North America in March (Europe and Asia will follow)

· The Global Championships—which will feature a winner from each of the 16 participating cities—will take place in New York City in June 2009

· Grand Prize: One Grand Prize winner from each category in each city (48 in total) will receive an expenses-paid trip to New York City for the Global Championships.

For a complete list of prizes, visit: http://www.cutandpaste.com/tours/program/formats/

Friday, January 2, 2009

Getting Started... Welcome to 2009

Welcome back...
I am hopeful you have anticipated that a site for Web Design I would be up and running by now under the blogspot name of GRAF1131. Here it is...

I've been busy over the past couple days, posting some material for you.
Read the brief TRANSCEPTION article (pdf file) to get into the design context and language.
Another article on TRANSCEPTION will be distributed first day of class.

I've also posted the two major projects, so take a quick look... lots of requirements... so be prepared....

Start thinking about choosing to work with one of the nine design dimensions (they are listed below):
1. Social Action
2. Economic
3. Moral
4. Wellness
5. Learning and human development
6. Scientific
7. Technological
8. Aesthetic
9. Political

Media produced with TRANSCEPTION, through the lens of one of the nine interactive dimensions, is called Evolutionary Guidance Media.

Project #2: Site Final & Presentation

Due Dates:
• Class Presentation: Week #14
• Submission of WEB SITE/WORKING FILES CD: Week #15

Project Theme:
“Think Global, Act Local.”
Evolutionary guidance media are those that guide the development of human systems encouraging the holistic development of both individuals and their systems.
Using creative imagination, design a solution to a local problem, through the window of one of the nine interactive dimensions. The Web Site becomes the interactive window through which transception flows.

To be eligible to receive full marks, the FINAL WEB SITE must present the design solution to the local problem.
Requirements:
The FINAL WEB SITE is the redesigned and completed prototype and must include the following content and technical specifications:
1. Design Rationale explaining all design decisions, and Self & Peer Evaluations:
2. Paragraph explanation of the design dimension;
3. Paragraph explanation of the global problem;
4. Paragraph explanation of the local problem;
5. Paragraph explanation of the design solution;
6. Paragraph explanation of the web site metaphor and how it directly relates to the local problem and design solution;
7. Paragraph explanation of the multimedia and interactive elements;
8. Paragraph explanation of how the web site will be able to transform the user;
9. Evaluations: Self & by another class member;
Technical items include:
10. Wrapper Layer; use of layers for type, images, forms;
11. Visual interface based upon a metaphor, supporting the dimension, the local problem, and the design solution;
12. Background/Layer images or gradient fills;
13. CSS for all type and positioning of layers;
14. Meta tags (keywords, description);
15. Alt tags for all images;
16. Animation: Animated GIF or Flash SWF,
17. A/V: Audio or Video – May be Flash or Quicktime;
18. Form (including name, email, message, radio buttons, check box buttons, drop down list) for interactive gathering of information from the user;
19. Hyperlinks to at least three web sites that are related to the design dimension, local problem and to the design solution;
20 Web Site Designer Contact Information (Picture, Name, Email)
21. References/Hyperlinks to primary and secondary research materials.
22. Presentation (Week #14) to the class of the FINAL WEB SITE;
23. All working files, the Web Site Prototype (Project#1) and the FINAL WEB SITE (Project#2) must be submitted on one CD/DVD-ROM and the Site must be fully functional on the CD/DVD-ROM.

Evaluation:
The Web Site will be evaluated according to the following:
1. evidence of creativity,
2. aesthetics,
3. demonstration of web design principles,
4. meeting all content and technical specifications,
5. functionality,
6. ease-of-use.

Thursday, January 1, 2009

Project #1: Site Prototype & Presentation

Due Date: Week #7
Value: 25% of Final Grade

“Think Global, Act Local.”

Terms:
1. Cyberception means getting a sense of the whole.
2. Transception is cyberception with compassion.
3. Evolutionary guidance media are those that guide the development of human systems encouraging the holistic development of both individuals and their systems.

The Web Site Project:
Using creative imagination, design a solution to a local problem, through the window of one of the nine interactive dimensions. The Web Site becomes the interactive window through which transception flows. The design problem, research data, and proposed solution, are all presented through the Web Site Prototype.

Steps:
1. Dimensions: Choose one of the nine interactive dimensions of an evolutionary guidance system.
2. Group Cluster: Form a group cluster for technical and content support with all the students from each particular dimension.
3. Local Issue: Think global and act local, exploring and discovering a local design problem that needs immediate attention.
4. Data: Gather and present evidence of the problem.
5. Web Solution: A design solution will be proposed and presented as the Web Site Prototype.
6. Links: Recommend at least three similar sites in the same dimension.
7. Share research and prototype with the class.

Technical & Content Requirements:
To be eligible to receive full marks, the Web Site Prototype must include the following content and technical specifications:
1. Paragraph explanation of the design dimension;
2. Three links to sites as examples of that specific dimension;
3. Paragraph description of the local context & design problem;
4. Presentation of the design solution as the Web site;
5. Navigation structure & Visual interface to support the dimension;
Recommend the following:
1. Wrapper layer
2. Use of a background image/gradient fill;
3. Table;
4. External CSS file for all type;
5. Meta tags (keywords, description);
6. Alt tags for all images;
7. Sketches
8. Evaluations: by self & by another class member from your dimension support group;
9. References to primary and secondary research materials.
10. All working files and the final Web Site Prototype must be submitted on a CD/DVD-ROM and the Site must be fully functional on the CD/DVD-ROM.

Evaluation:
The Web Site will be evaluated according to the following:
1. evidence of creativity,
2. aesthetics,
3. demonstration of web design principles,
4. meeting all content and technical specifications,
5. functionality,
6. ease-of-use.

Planning A Web Site in Five Phases

Tip: Be mindful of the project “Driver” (Time, Cost, Resources, Quality).
Remember to have only ONE project driver.

Phase 1: Site Definition (The pre-planning stage)
Step 1: Client Survey – Define the following:
client goals, overall concept, purpose of site, message to convey to audience, type of media content, organizational structure, visual styles, technical specifications, budget, timeline, deliverables, resources (people and equipment), quality level.
Step 2: Creative (Look & Feel) Brief
Step 3: Concept (Metaphor & Story) Defined
Step 4: Project Team (Skills/Resources) Created
Step 5: Budget (Time) & Schedule (Tasks) Created

Phase 2: Site Structure
Step 1: Site Map
Step 2: Content Overview – Includes gathering content, writing new content, and editing.
Step 3: Technical Specifications: Media (A/V) types, R/W files, Forms, HTML, DHTML.
Step 4: Navigation

Phase 3: Interface Design
Step 1: Visual Design
Step 2: Prototype (“Alpha” – a click-through presentation with rough visuals)
Step 3: Client Approval
Step 4: Production – Artwork, optimization of graphics, HTML/Scripting, CSS

Phase 4: Technical Engineering
Step 1: Front & Back-end programming – HTML, CSS, DHTML, PHP, Actionscripting.
Step 2: Browser Testing
Step 3: Type Proofing
Step 4: Link Testing

Phase 5: Publishing
Step 1: ISP Selection – Domain Name & Hosting
Step 2: FTP Files
Step 3: Test Site
Step 4: Registering with Search Engines, and Submitting to Directories

Some Other Considerations
1. Include Dynamic Page Content
2. Include a “What’s New” Section
3. Set a Maintenance/Update Schedule
4. Trade Links with other related sites
5. Promote the Site – Using “traditional” media forms (newspapers, magazines, postcards, bookmark, related industry associations, CD/DVD web hyperlink, radio, TV, email, blogging (blogspot, wordpress,...), myspace, facebook, Youtube video)

Happy New Year!!!

-18 C when I went downtown today for a walkabout...
then visited my parents and watched a DVD on John Paul II...
then... reading The Way of a Pilgrim and the Pilgrim COntinues His Way, translated from Russian by Helen Bacovcin...
then... some blogging...

re: WEB SITE LAUNCH
finished up a web site this week:
a very fast "beta" version of the site is up at www.rekindlingindigenousspirit.org if you want to take a peak.
Some pre/post client brief/design notes:
1) Client has many design ideas that they included (So not all decisions are Web-Designer driven)
2) Fast delivery (still buggy and requires some technical fixes for Browser Firefox)
3) Use of framesets for nav bar set up
4) Opacity filter for watermark
5) Watermarks not all the same sizes
6) Type designed with no consideration for screen sizing
7) Video's to be embedded from You TUbe site ( Alpha version used flv's on site)
8) HTML version ( Consider all Flash redesign with creative multimedia interface ... future version possibility)
9) Budget $0.00, volunteer effort
10) produce in three days
11) Many photos, unformatted from multiple sources ( need to be resized, indexed)
12) Flash photo gallery custom designed ( LoadMovie used) to suit size of pictures ( which varied)
13) Mapping used for participants bios... (still missing some content on launch date .. pictures, bios... this is what often happens in the real world of web design... namely: Content never arrives on time, or at all, thus affecting the look/design).
14) international scope, with global social, spiritual, humanitarian, implications and perhaps political implications due to powerful transformational content
15) Documentation, , community building, and global action, are intentions/outcomes for the site
16) A documentary film is in the works about the "trip"
17) Press release sent out on December 31, 2008 to international educators, movers, shakers, transformers.
18) Modifications-to take place ongoing.
19) training included to help maintain site by local team.
20) no easter eggs ( as of yet)

time for dinner ( 6:56pm)
bye for now.
pr