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

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).