Please add two paragraphs either on your class blog or on your actual site about how your work ties into your notion of yourself, as a person, as a citizen, a student, etc.
How did you fin the theme of identity guiding you as you built your site?
This will help me to grade your assignments as per the central topic of the course - writing for the web with an emphasis upon the notion of identity and how it can be influenced by experience and culture.
Find ways to relate your output as a designer to your view of the world and how the world has shaped your idea of 'me'
For example, if your design work is influenced by a concern for the environment, explain how.
If your work reflects your thoughts on your a) cultural heritage, b) beliefs, c) influences etc.
What part of you do you feel your work best communicates?
Monday, May 3, 2010
Wednesday, April 28, 2010
Bruce Sterling's thoughts on Design
Viridian Design Movement - Bruce Sterling
Classic address by Bruce Sterling to the 1992 Games Developers Conference:
http://lib.ru/STERLINGB/story.txt
Excellent book on Industrial Design: "Shaping Things" by Bruce Sterling as a free download.
Bruce Sterling "Blobjects" speech at SIGGRAPH 2004
Classic address by Bruce Sterling to the 1992 Games Developers Conference:
http://lib.ru/STERLINGB/story.txt
Excellent book on Industrial Design: "Shaping Things" by Bruce Sterling as a free download.
Bruce Sterling "Blobjects" speech at SIGGRAPH 2004
Monday, April 26, 2010
Learning from Ginsberg
Alan Ginsberg as well as William Burroughs are responsible for some of the finest writing to emerge from America.
here are lists to audio recordings of classes by Ginsberg
and readings and classes by William Burroughs at the internet archive
Exam now on the 10th May at 6.:30pm
Class,
A new date for the DAI527 exam is the 10th May at 6.30 in room 115.
The exam will run for one hour and will comprise true/false, multiple choice,
as well as short written response.
It will cover most of the concepts covered in the course.
There will be an exam review on the 5th May which is also the deadline for the liquid identity projects.
DC
A new date for the DAI527 exam is the 10th May at 6.30 in room 115.
The exam will run for one hour and will comprise true/false, multiple choice,
as well as short written response.
It will cover most of the concepts covered in the course.
There will be an exam review on the 5th May which is also the deadline for the liquid identity projects.
DC
Radical Web Design (UK)
http://www.radicaldesigns.org/
Radical Designs is a full service web development group focused exclusively on the needs of non-profit and grassroots social change organizations.
And a cool CSS web-magnification effect done using 'hover'
Radical Designs is a full service web development group focused exclusively on the needs of non-profit and grassroots social change organizations.
And a cool CSS web-magnification effect done using 'hover'
Wednesday, April 21, 2010
QA on other student's websites
Please make sure your sites have links from your blogs or please allow students to
use your machines tonight so that we can do Quality Assurance testing on each other's work.
Use this form for a post session survey
Cut & paste the info from this .pdf into a word file then use word to fill out the form on your colleague's site, then email this to them.
DC
use your machines tonight so that we can do Quality Assurance testing on each other's work.
Use this form for a post session survey
Cut & paste the info from this .pdf into a word file then use word to fill out the form on your colleague's site, then email this to them.
DC
Jonathan Harris - the Web's Secret Stories
http://www.ted.com/talks/jonathan_harris_tells_the_web_s_secret_stories.html
Artist and computer scientist Jonathan Harris wants to make sense of the emotional world of the Web. With deep compassion for the human condition, his projects troll the Internet to find out what we're all feeling and looking for.
Artist and computer scientist Jonathan Harris wants to make sense of the emotional world of the Web. With deep compassion for the human condition, his projects troll the Internet to find out what we're all feeling and looking for.
Tim O'Rielly of O'Rielly publishing discusses 'the cloud'
http://www.youtube.com/watch?v=WqLB99dA48k&feature=player_embedded
Very interesting talk on the notion of 'cloud' computing where data is porcessed by a system that resides online or in 'the cloud'
Some interesting ideas that point to a new way of thinking of the relationship between data and how it is used.
Also some very timely pointers on some possible work opportunities in the new healthcare initiatives in Washington.
DC
Very interesting talk on the notion of 'cloud' computing where data is porcessed by a system that resides online or in 'the cloud'
Some interesting ideas that point to a new way of thinking of the relationship between data and how it is used.
Also some very timely pointers on some possible work opportunities in the new healthcare initiatives in Washington.
DC
IDSA
The IDSA stands for the Industrial Designer's Society of America. There are chapters all around the country; this one is for San Francisco.
http://idsasf.blogspot.com/
Monday, April 19, 2010
Please post the link to your live site on your blog
Class,
Please post a link to your live site on your blog.
Even if your site is not 'ready' its important to publish it to see how it performs live.
REMEMBER:
Your inquiry should not be limited to an isolated self-analysis but should include, for example, broader community and national perspectives, and critical investigations of human relationships, the influences of cultural environment, and the impact of technology.
The process should take into consideration some of the following questions:
who are we as individuals?
who are we as citizens/part of a community?
how are identities constructed?
how are identities defined?
how are identities maintained?
how are identities stolen/lost?
what are we?
what does it mean to be human?
where do we draw the line between human and machine?
Central to notions of identity are these interrelated topics :
individual identity
cultural identity
virtual identity (ie non physical)
liquid identity (ie multiple identities - see A.R.Stone, 1996)
family and ethnicity
class
economics
religion
sexuality
spirituality
mass mediated identity
feminist issues
political identities
The aim of the assignment is to provide the opportunity for you as designers and creative writers to demonstrate the technical skills gained and theoretical concepts explored in the lab
workshops and independent commitment to the project.
It will be important to utilise the non-linear and interactive nature of the Internet and the World Wide Web to enhance your project. In addition you need to comprehensively document your
process: this should include a site map, flow chart of the navigation and related
Please post a link to your live site on your blog.
Even if your site is not 'ready' its important to publish it to see how it performs live.
REMEMBER:
Your inquiry should not be limited to an isolated self-analysis but should include, for example, broader community and national perspectives, and critical investigations of human relationships, the influences of cultural environment, and the impact of technology.
The process should take into consideration some of the following questions:
who are we as individuals?
who are we as citizens/part of a community?
how are identities constructed?
how are identities defined?
how are identities maintained?
how are identities stolen/lost?
what are we?
what does it mean to be human?
where do we draw the line between human and machine?
Central to notions of identity are these interrelated topics :
individual identity
cultural identity
virtual identity (ie non physical)
liquid identity (ie multiple identities - see A.R.Stone, 1996)
family and ethnicity
class
economics
religion
sexuality
spirituality
mass mediated identity
feminist issues
political identities
The aim of the assignment is to provide the opportunity for you as designers and creative writers to demonstrate the technical skills gained and theoretical concepts explored in the lab
workshops and independent commitment to the project.
It will be important to utilise the non-linear and interactive nature of the Internet and the World Wide Web to enhance your project. In addition you need to comprehensively document your
process: this should include a site map, flow chart of the navigation and related
My other classes
Earlier in the semester, some students asked if I might find way to integrate other classes I teach at CCSF into DAI527 and so I've posted the blogs for these classes here, such that posting to them might assist you with some aspects of web design.
I will spend some time tonight presenting some ideas which I think overlap between Storyboarding & Storytelling and Videogame Design and Web Design.
GAME 100 - Exploring Game Worlds blog
MMSP145 - Storyboarding and Storytelling
I will spend some time tonight presenting some ideas which I think overlap between Storyboarding & Storytelling and Videogame Design and Web Design.
GAME 100 - Exploring Game Worlds blog
MMSP145 - Storyboarding and Storytelling
Validate your HTML & CSS
Use the W3C HTML Validator to check your html
and check the validity of your CSS by entering your site here:
http://www.jigsaw.w3.org/css-validator/
and check the validity of your CSS by entering your site here:
http://www.jigsaw.w3.org/css-validator/
Wednesday, April 14, 2010
Tonight's Class
PART ONE
Case study - commercial design company based in San Francisco:
FINE DESIGN GROUP
Business of design - short video interviews with
Josh Kelly, principle FINE design "transition from student to professional"
Ken Cook VP, WW Creative - "pursuing work in major urban areas"
Melissa Chan - Designer, FINE - "early career advice"
Sharrie Brooks - Senior Designer, Cahan and Associates "starting your career"
PART 2 - BRIEF OVERVIEW OF STUDENT BLOGS - STATUS UPDATE ON MAJOR ASSIGNMENTS - EACH STUDENT MAKES A "SHOPPING LIST" OF TASKS TO DO THIS WEEK & NEXT WEEK
PART 3 - OPEN LAB/TROUBLESHOOTING MAJOR ASSIGNMENTS
Case study - commercial design company based in San Francisco:
FINE DESIGN GROUP
Business of design - short video interviews with
Josh Kelly, principle FINE design "transition from student to professional"
Ken Cook VP, WW Creative - "pursuing work in major urban areas"
Melissa Chan - Designer, FINE - "early career advice"
Sharrie Brooks - Senior Designer, Cahan and Associates "starting your career"
PART 2 - BRIEF OVERVIEW OF STUDENT BLOGS - STATUS UPDATE ON MAJOR ASSIGNMENTS - EACH STUDENT MAKES A "SHOPPING LIST" OF TASKS TO DO THIS WEEK & NEXT WEEK
PART 3 - OPEN LAB/TROUBLESHOOTING MAJOR ASSIGNMENTS
Monday, April 12, 2010
Forms, Box Model (again), letter spacing, Pseudo-classes, 'hover'
HTML FORMS
http://www.w3schools.com/html/html_forms.asp
A form is an area that can contain form elements.
Form elements are elements that allow the user to enter information (like text fields, textarea fields, drop-down menus, radio buttons, checkboxes, etc.) in a form.
A form is defined with the
http://www.w3schools.com/html/html_forms.asp
A form is an area that can contain form elements.
Form elements are elements that allow the user to enter information (like text fields, textarea fields, drop-down menus, radio buttons, checkboxes, etc.) in a form.
A form is defined with the
A note on classroom participation - attendance, punctuality - staying until the end of class
Class,
I need to remind you that only four weeks remain until the 5th May deadline for the main LIQUID IDENTITY project.
I have been lenient with students leaving before the of class but I require students to remain in room 115 until 8.30 from now on.
You are of course free to come and go to get coffee, snacks etc, but please be mindful of the limited time that remains in which a focussed, dedicated lab has been made available for your exclusive use, with your instructor and peers there for assistance and advice.
Thanks.
David Cox
I need to remind you that only four weeks remain until the 5th May deadline for the main LIQUID IDENTITY project.
I have been lenient with students leaving before the of class but I require students to remain in room 115 until 8.30 from now on.
You are of course free to come and go to get coffee, snacks etc, but please be mindful of the limited time that remains in which a focussed, dedicated lab has been made available for your exclusive use, with your instructor and peers there for assistance and advice.
Thanks.
David Cox
Wednesday, April 7, 2010
Monday, April 5, 2010
Float based layouts
The CSS 'box' model of webpage layou
http://w3schools.com/css/css_boxmodel.asp
Here are some tutorial sites that assist with 'float' based layouts of web pages
http://css.maxdesign.com.au/floatutorial/
http://webdesign.about.com/od/advancedcss/a/aa010107.htm
Use them to start to build your pages in terms of layouts - sidebars, headers, footers etc
http://w3schools.com/css/css_boxmodel.asp
Here are some tutorial sites that assist with 'float' based layouts of web pages
http://css.maxdesign.com.au/floatutorial/
http://webdesign.about.com/od/advancedcss/a/aa010107.htm
Use them to start to build your pages in terms of layouts - sidebars, headers, footers etc
Today's class
Crit:
Ex 4 – Liquid Identity Site Design Documents & supporting material as posted
on individual student blogs - Q&A
The Role of Sound in New Media and On the Web continued..
A look at the creative capabilities of sound in reinforcing the user/audience’s experience of
digital media and an examination of web media which push the boundaries of
possibility with audio.
Followed by a follow-up workshop on sound on the web. An overview of various approaches - review of AUDACITY freeware.
Ex 4 – Liquid Identity Site Design Documents & supporting material as posted
on individual student blogs - Q&A
The Role of Sound in New Media and On the Web continued..
A look at the creative capabilities of sound in reinforcing the user/audience’s experience of
digital media and an examination of web media which push the boundaries of
possibility with audio.
Followed by a follow-up workshop on sound on the web. An overview of various approaches - review of AUDACITY freeware.
Monday, March 22, 2010
Types of Sounds to Make in class 3/22/2010
Sound Effects:
Make 3 separate sounds, each of which combines a number of sounds from freesound.org
Using Audacity and sounds from Freesound, create sound effects for your game which
do the following:
Contextual sound/Narrative sound
Focusing attention
Defining space
Establishing place
Creating environment
Emphasizing/Intensifying action
Setting pace
Symbolizing meaning
Unifying transitions
Make 3 separate sounds, each of which combines a number of sounds from freesound.org
Using Audacity and sounds from Freesound, create sound effects for your game which
do the following:
Contextual sound/Narrative sound
Focusing attention
Defining space
Establishing place
Creating environment
Emphasizing/Intensifying action
Setting pace
Symbolizing meaning
Unifying transitions
Audacity tutorial - parts 1 & 2
Download Audacity from here
Audacity Tutorial Part 1
http://www.youtube.com/watch?v=lrPGMjZORCM&feature=related
Audacity Tutorial Part 2
http://www.youtube.com/watch?v=6txQRfptawE&feature=related
The Freesound Project
Freesound
The Freesound Project is a collaborative database of Creative Commons licensed sounds. Freesound focusses only on sound, not songs. This is what sets freesound apart from other splendid libraries like ccMixter.
USE FREESOUND IN COLLABORATION WITH AUDACITY TO TRY OUT SOUNDS FOR YOUR Liquid Identity WEBSITE
The Freesound Project is a collaborative database of Creative Commons licensed sounds. Freesound focusses only on sound, not songs. This is what sets freesound apart from other splendid libraries like ccMixter.
USE FREESOUND IN COLLABORATION WITH AUDACITY TO TRY OUT SOUNDS FOR YOUR Liquid Identity WEBSITE
WEEK NINE MONDAY 22nd March
LECTURE
20th Century art movements: futurists, cubists, constructivists, and situationists. A historical
examination of the origins of various contemporary digital media types, genres and movements (e.g. Manovich notion of GENERATION FLASH. A look at new media categories and the various technologies which underpin them.
HANDS-ON
USING Audacity combined with Freesound to process and generate sound.
1) Students sign up with then download .wav files from freesound.org
2) Students then import these sounds into Audacity, add filters, reverb etc, and add tracks.
3) Students then export .wav files of mixed & processed sound for importing into "Liquid Identify" websites.
Reading – WEB REDESIGN 2.0 – WORKFLOW THAT MATTERS
Chapter 9 Working with Complex Funcitonality
20th Century art movements: futurists, cubists, constructivists, and situationists. A historical
examination of the origins of various contemporary digital media types, genres and movements (e.g. Manovich notion of GENERATION FLASH. A look at new media categories and the various technologies which underpin them.
HANDS-ON
USING Audacity combined with Freesound to process and generate sound.
1) Students sign up with then download .wav files from freesound.org
2) Students then import these sounds into Audacity, add filters, reverb etc, and add tracks.
3) Students then export .wav files of mixed & processed sound for importing into "Liquid Identify" websites.
Reading – WEB REDESIGN 2.0 – WORKFLOW THAT MATTERS
Chapter 9 Working with Complex Funcitonality
Wednesday, March 17, 2010
Media Archeology links
http://griffin.multimedia.edu/~deadmedia/frame.html
http://en.wikipedia.org/wiki/Dead_Media_Project
http://w2.eff.org/Misc/Publications/Bruce_Sterling/Dead_Media_Project/
The WAYBACK MACHINE at archive.org
Links related to 'what the web looked like in 1996':
http://royal.pingdom.com/2008/09/16/the-web-in-1996-1997/
https://www.msu.edu/~karjalae/internet96.htm
Where old macs go to thrive! - collectors Apple store in Japan:
http://www.wired.com/gadgets/mac/commentary/cultofmac/2002/03/51231
Tinkerer excellent recycled Mac SE30 & Apple Newton:
http://www.cultofmac.com/the-se30-that-does-it-all-interview-with-an-expert-vintage-mac-user/3986
Tonight's class
WORKFLOW documentation
Media archeology – the search for and appreciation of ‘dead media’ – the
recycling of formerly expensive, exclusive computers, and devices which now
they are dirt cheap can be put to a wide range of interesting uses – especially for the web
OPEN LAB - Liquid Identity projects - design documents ready for submission next week
Media archeology – the search for and appreciation of ‘dead media’ – the
recycling of formerly expensive, exclusive computers, and devices which now
they are dirt cheap can be put to a wide range of interesting uses – especially for the web
OPEN LAB - Liquid Identity projects - design documents ready for submission next week
Monday, March 15, 2010
CSS tutorial files
Click here to download tutorial files zipped up which come with "CSS: The Missing Manual"
Wednesday, March 10, 2010
Tonight's class
1) Show & Tell of finished photo-montage assignments - please place web-friendly copies on your blog.
2) One-on-one discussion of pre-production design documents for your main liquid identity assignments (I sit with each student and identify key attributes of final assignment)
3) Open lab
2) One-on-one discussion of pre-production design documents for your main liquid identity assignments (I sit with each student and identify key attributes of final assignment)
3) Open lab
Monday, March 8, 2010
Things to include in your item 4 assignment due 3/24
A) 3 PAGES OF TEXT DESCRIBING THE SITE
B) 3 PAGES OF DIAGRAMS WHICH LIST:
1) Workflow Production timeline Between March & May
2) Concept Page - dummy page with wireframes
3) Flowchart - (like a family tree showing how all the pages relate to each other)
4) Assets list - a shopping list of assets based in part on what the flowchart shows
5) Mood Board
B) 3 PAGES OF DIAGRAMS WHICH LIST:
1) Workflow Production timeline Between March & May
2) Concept Page - dummy page with wireframes
3) Flowchart - (like a family tree showing how all the pages relate to each other)
4) Assets list - a shopping list of assets based in part on what the flowchart shows
5) Mood Board
March 8th Class
REVIEW OF ITEM 4 ASSIGNMENT - DUE in 2 WEEKS
Photoshop assignment due this Wednesday
Reading – WEB REDESIGN 2.0 – WORKFLOW THAT MATTERS
Chapter 7 Phase 5: Launch and Beyond
USING ILLUSTRATOR TO PERFORM LIVE TRACE ON BITMAPS TO TURN PHOTOS INTO VECTOR ART
WEEK SEVEN WEDNESDAY 10th March
EXERCISE 3: Self Portrait (3 X images) project due Today
Photoshop assignment due this Wednesday
Reading – WEB REDESIGN 2.0 – WORKFLOW THAT MATTERS
Chapter 7 Phase 5: Launch and Beyond
USING ILLUSTRATOR TO PERFORM LIVE TRACE ON BITMAPS TO TURN PHOTOS INTO VECTOR ART
WEEK SEVEN WEDNESDAY 10th March
EXERCISE 3: Self Portrait (3 X images) project due Today
Wednesday, March 3, 2010
The great debate between flash vs HTML5
ISFLASHDEADYET.com
WIKI entry on HTML5
Open source alternative to flash (runs in browser), AJAX ANIMATOR
Tonight's class - 3/3/10
Database vs Narrative – ideas of Lev Manovich' book THE LANGUAGE OF NEW MEDIA
Using flash to generate animated vector graphic content - using intro to flash handout to make motion tweens and motion guided tweens.
Monday, March 1, 2010
Today's Class - 1st March
Dominic Stansberry's Labyrinths -- different flowchart models
WEB REDESIGN 2.0 – WORKFLOW THAT MATTERS
Flowcharts,
THE VIRTUAL REVOLUTION - PART 3 - THE COST OF "FREE"
How commerce has colonized the web.
Liquid Identity projects:
Using flash to generate animated vector graphic content
WEB REDESIGN 2.0 – WORKFLOW THAT MATTERS
Flowcharts,
THE VIRTUAL REVOLUTION - PART 3 - THE COST OF "FREE"
How commerce has colonized the web.
Liquid Identity projects:
Using flash to generate animated vector graphic content
Flowchart types for planning digital media
This powerpoint is based on the ideas of Dominic Stansberry who wrote an excellent book
called "Labyrinths: The Art of Interactive Writing and Design"
called "Labyrinths: The Art of Interactive Writing and Design"
Saturday, February 20, 2010
Next Class 2/24
Show & Tell of finished "Odd Number" website assignments.
Dreamweaver continued (page properties/properties window).
William J Mitchell’s ideas about the radical reshaping of traditional photography in the wake of the introduction of digital image manipulation tools plus New types of imaging have resulted in new types of ways of viewing the world itself - his book "The Reconfigured Eye"
Reading – WEB REDESIGN 2.0 – WORKFLOW THAT MATTERS
Chapter 5: Design Visual Interface
Dreamweaver continued (page properties/properties window).
William J Mitchell’s ideas about the radical reshaping of traditional photography in the wake of the introduction of digital image manipulation tools plus New types of imaging have resulted in new types of ways of viewing the world itself - his book "The Reconfigured Eye"
Reading – WEB REDESIGN 2.0 – WORKFLOW THAT MATTERS
Chapter 5: Design Visual Interface
Monday, February 15, 2010
Today's class Monday 15th February
Today's class
Using QuickTime pro to edit .mpg4
Digital Video on the internet: issues of compression and delivery.
• realtime playback vs downloading • present bandwidth constraints • video streaming /real & QT • hinting video and audio tracks. Youtube, VIMEO and other web hosting services compared to archive.org and having your own shell account FTP directory.
Shooting, editing and processing web ready video using iMovie and PhotoShop & QuickTime. Sound processing using itunes, QuickTime Pro
Using online resources such as http://www.archive.org
iMovie to edit movies & stills
Dreamweaver - page properties panel
Episode 2: "The Virtual Revolution"
NOTE - "ODD NUMBERS WEB SITE" DUE 24th FEB!
SELF PORTRAIT PHOTOMONTAGE DUE 10th MARCH
Using QuickTime pro to edit .mpg4
Digital Video on the internet: issues of compression and delivery.
• realtime playback vs downloading • present bandwidth constraints • video streaming /real & QT • hinting video and audio tracks. Youtube, VIMEO and other web hosting services compared to archive.org and having your own shell account FTP directory.
Shooting, editing and processing web ready video using iMovie and PhotoShop & QuickTime. Sound processing using itunes, QuickTime Pro
Using online resources such as http://www.archive.org
iMovie to edit movies & stills
Dreamweaver - page properties panel
Episode 2: "The Virtual Revolution"
NOTE - "ODD NUMBERS WEB SITE" DUE 24th FEB!
SELF PORTRAIT PHOTOMONTAGE DUE 10th MARCH
Wednesday, February 10, 2010
Locative Media Resources
A workshop on locative media my partner Molly and I presented at ATA gallery in 2009
Tuesday, February 9, 2010
Today's class - WED FEB 10th 2010
More on using Dreamweaver to manage websites
Testimonials from Graphics firms on what they are looking for in design students new to the industry.
Workflow strategies and how these relate to different publishing contexts.
Using iMovie to edit mp4 files from http://www.archive.org for use in "Odd Number" assignments.
How models from videogame and movie industry can find expression in web development.
CSS continued
Testimonials from Graphics firms on what they are looking for in design students new to the industry.
Workflow strategies and how these relate to different publishing contexts.
Using iMovie to edit mp4 files from http://www.archive.org for use in "Odd Number" assignments.
How models from videogame and movie industry can find expression in web development.
CSS continued
Friday, February 5, 2010
Wednesday, February 3, 2010
Email me at this dedicated class email address!
Class - please use this email to email me your blogs and any other assignment-related emails for DAI527
dcoxdai527@gmail.com
Thanks!
dcoxdai527@gmail.com
Thanks!
Ted Nelson 90 minute lecture on "Intertwingularity"
http://www.ecs.soton.ac.uk/podcasts/video.php?id=76
Internet pioneer Professor Ted Nelson lectures on some of the ideas that have meant most to him over his research career.
90:00 minute
WIKIPEDIA entry on Ted Nelson
Today's class - WED FEB 3rd 2010
Documentary - "THE VIRTUAL REVOLUTION" - EPISODE 1: THE GREAT LEVELING (60 mins)
Class review/crits of EVEN NUMBERS assignments
EVEN NUMBERS ASSIGNMENT DUE at 9pm Tonight
* Dreamweaver CS4 (hitherto "DW")
* html pages (continued)
* embedding simple images (continued)
* linking pictures & text (continued)
* site management (continued)
Monday, February 1, 2010
Monday February 1st, 2010 - tonight's class
Tonight's Class
* FTP Clients like Fetch & Fugu.
* What is the nature of the client-server relationship?
* Navigation (linear, non-linear models & intuitive interfaces etc.)
* The use of plug-gins for shockwave (director), Flash and Quicktime. + Web tour of interesting sites using /or about these various types of rich media.
* Creating links to other pages calling images into a browser page file Transfer Protocol – using FTP clients, web accounts, remote servers and shell accounts
Self-Portrait Exercise introduction.
Photomontage – history - CUT & PASTE website
Discussion of Liquid Identity project
Audio Editing using Audacity Software – saving files for use online
Reading: WEB REDESIGN 2.0 – WORKFLOW THAT MATTERS
Chapter 2 Core Process Overview
READING: VISUAL QUICKSTART GUIDE HTML XHTML & CSS
Chapter 5: Images, Chapter 6: Links
Continue working on "EVEN NUMBER" WEBSITE PROJECT
* FTP Clients like Fetch & Fugu.
* What is the nature of the client-server relationship?
* Navigation (linear, non-linear models & intuitive interfaces etc.)
* The use of plug-gins for shockwave (director), Flash and Quicktime. + Web tour of interesting sites using /or about these various types of rich media.
* Creating links to other pages calling images into a browser page file Transfer Protocol – using FTP clients, web accounts, remote servers and shell accounts
Self-Portrait Exercise introduction.
Photomontage – history - CUT & PASTE website
Discussion of Liquid Identity project
Audio Editing using Audacity Software – saving files for use online
Reading: WEB REDESIGN 2.0 – WORKFLOW THAT MATTERS
Chapter 2 Core Process Overview
READING: VISUAL QUICKSTART GUIDE HTML XHTML & CSS
Chapter 5: Images, Chapter 6: Links
Continue working on "EVEN NUMBER" WEBSITE PROJECT
Wednesday, January 27, 2010
Tuesday, January 26, 2010
Week 1
On Wednesday Jan 27, we'll pick up where we left off with the Jesse James Garret "Elements of User Experience" presentation, and we'll also review the key ideas in the second required reading "Web ReDesign 2.0: Workflow that Matters".
The Ex 1 assignment is due on Wed next week so we'll continue with the 'basic HTML' material started on Monday night. I'll aim to get more copies of this handout in time for the Wednesday class.
In the meantime, download or make some digital images to accompany your 'even number' based website (e.g. if you are doing a site about 'the four elements' find images for fire, water, earth, air etc).
We'll also look at audio editing software such as Audacity and how it can be used in combo with other programs to prepare compressed audio assets for digital delivery.
Don't forget to email Joshua Singer if you are wanting to 'add' to DAI527 -
jsinger@sfsu.edu
See you in class.
DC
The Ex 1 assignment is due on Wed next week so we'll continue with the 'basic HTML' material started on Monday night. I'll aim to get more copies of this handout in time for the Wednesday class.
In the meantime, download or make some digital images to accompany your 'even number' based website (e.g. if you are doing a site about 'the four elements' find images for fire, water, earth, air etc).
We'll also look at audio editing software such as Audacity and how it can be used in combo with other programs to prepare compressed audio assets for digital delivery.
Don't forget to email Joshua Singer if you are wanting to 'add' to DAI527 -
jsinger@sfsu.edu
See you in class.
DC
.pdf of key ideas of Jesse James Garrett "Elements of User Experience"
Click here to download a .pdf of key ideas of Jesse James Garrett "Elements of User Experience" as used in class lectures during week 1
Website ReDesign 2.0 Workflow that Works book - companion website
Click here to go to the companion website for the required reading for DAI527 - WebReDesign 2.0: Workflow that Matters by Kello Goto and Emily Cotler
Sunday, January 24, 2010
Hi, I'm your Instructor for DAI537
My name is David Cox and I'll be your instructor for DAI527 this Spring 2010 semester at SFSU DAI.My background is in both motion picture production and videogame production. I live in the Mission district of San Francisco. I make films, write and play music. In addition to teaching DAI527 here at SFSU, I also teach at both the Mission Campus of City College of San Francisco (Game 100: Exploring Game Worlds and MMSP145: Storyboarding and Storytelling for Multimedia) and DeVry University Online in multimedia and videogame related courses.
My cultural background is British/Australian, and I have been a long term visitor to the Bay Area since the early 1990s, when I first met San Francisco film makers at a film festival in Europe.
Subscribe to:
Posts (Atom)