froject 4

My photo portfolio
http://fmundergrad.hunter.cuny.edu/~koziolk/simple_minimal/simple_minimal.html

photography portfolio websites

http://www.andrewgransdenphotography.co.uk/index.php good, too much clicking, too small gallery
http://www.robertdannphotography.co.uk//  worst design ever, after first page loaded i got discouraged to go further, too many distructing text areas , no images, not clear, too small font, stupid pink postcard, bad spacing, not straight farward, blleeeeeeeeeeeeehhhhhhhhhhhhhhhhhhh! and yet i didnt have chance to see the photographers portfolio, 


http://www.waltersandwalters.com// never loading page

interesting intro,
gallery itself poor. images too close, stupid anoying frames -what a pity! bleh

project3

http://fmundergrad.hunter.cuny.edu/~koziolk/brotherhood/fabout.html#

E-comerce intro, week 9

ECommerce Resources

E- tailers,
site for a proffesionals people to shop

clue points:
clear design,
ability to make choices
maybe special offers
walue components on the top of the site
holiday area of proposals, event adjusted proposals,
gift items

Visual importance
How we access it
how many ways we get to the point , one two or three smart ways
search engines.
quantity, relevance, relation to the target audience,
and most important
quality- evaluation scale, LACK OF CRETABILITY
valuable informations which are tested REAL but actually
ewerything is about that site contains many things, almost everything you need

www.amazon.com
delivering good items
price must be good
customers reviews-re shortcut for creatibility
!. compalling value 
2. select sth - better to have many ways to make selection
transactions by credit cart and pay pal
CONFIRMATION

Amazon braked down :

Dell braked down:

QVC braked down

Basic ecommerce web site design and development:

http://www.time.com/time/digital/reports/ecommerce/25best.html

http://www.tamingthebeast.net/articles/ecommerce-site-s1p1.htm

http://www.ecommerce-guide.com/

http://www.goecart.com/shopping_cart_software_comparison.asp

photos :
www.istockphotos.com

Project 2

schema

JS, ligh box

JQuery
js library based.
css

is more in ajax style.

in week 8 resources

Week 7, Flash

bla, late coz of meeting with professor.

.fla -(publishing both)-> .swf --> .html
vector shapes/graphics can be scaled to any size.
bitmaps wont scale

again: who is the target audience?
extras : 20=15(margins)
980 width or 970 for safety

so for flash : 800 / 600 plus reducing 10% for extras

one target per level. levels are acting like layers. O level is main webpage.
if levels are not specified, the target will replace interface.

if you want to replace sth on level 1 , call it level 1.

pulblish settings:
saving html, as index.html
setting up version of flash: (usually one version back)
hidden layer discard or not
compression not less than 80%
HTML: Quality change to Best

h/w
using flash start parent fla file
to call another swf,
1.cloud example loading to parent swf. html first to publish

WEEK 6, presentation cd.

http://www.deviantart.com/
http://www.exhibit-e.com/?gclid=CPCZh5vfup0CFUdM5QodCDmYiQ
http://www.metacafe.com/


art web galleries:
http://www.mapplethorpe.org/portfolios/
http://www.luhringaugustine.com/
http://www.marcjancou.com/
http://www.markmooregallery.com/artists/david-hilliard/

photo:
http://www.photoartgallery.com/
http://www.elizabethcarmel.com/#mi=2&pt=1&pi=10000&s=23&p=2&a=0&at=0

links

web design workflows

WEEK 5, presentation

http://fmundergrad.hunter.cuny.edu/~koziolk/trees/index.html#


echoecho.com > statistics 58% 1024 768
23% 800 600
10% 1200 1024


H/W DESCRIPTION
ARTS & ENTAIAMENT SITE


PATTERNS:
-we are responsible, for generating our own pattern
-text, photos, video & all digital media
-associations as blog, wiki


problems:
-interface (not hard to use)
-survey links
-online arts, galleries focused on the first hit

Project 1 "Save Trees"

my website click here

Week 4 Troubleshooting.

WEEK 3, in class notes

http://www.socialchangewebsites.com/

http://www.charitywater.org/

clean site.
they want to grab your attention to lack of drinking water,
more info into click option
video talking about their raising money progress, but they dont talk how they do that
inteligently designed site,
information architecture
projects> foto documentation
numbers of project and people benefitting of it
proof, technology stuff egz. google earth zooming itno
grasroots info site> serching engine/ enviromental issues, info level

GRASSROTS INFORMATION SITES

fundamental to determine its use or avalibility is:
accuracy
every single piece of data must be reliable

egz. wiki or blogs which is oposite, not trustful , content edited by anybody
egz, new york times is biased, due to bacground check

second thing is
serchability
volume ranking by google

egz. http://www.cleanwateraction.org/ is searchable first
they heve more features. set up account, donations, is more about info and getting into the action than charity water website is / wich is more into visulal than info site, pro photos, high end design/

information
-text description
-info design
-charts , graphs other visualizations of data, statistics / visual evidence

if these things are not provided visitors are not going to take site seriously, they are not going turn back

http://www.cleanwateratlanta.org/

http://www.socialchangewebsites.com/

were looking for:

user involvement

-donations (gift memberships)

-email subscriptions, registration, mamberships (usually free- bigger participation)

-store, sealable assests which is E-COMERCE component

-E-Commerce /THINKING ABOUT AUDIENCE, potential founders, /

http://www.charitywater.org/

target :

-sponsors

-fundors-institiounal

-donors-individual

-volounteers

-media, press, journalism (press coverage, speakers avaliblity)

-partners, other organizations

since web is large size> big monitor> people who are afford>

TASK ANALYZIS

INFORMATION ARCHITECTURE:

PAGE STRUCTURE: items we can get from home page with one click

1. home/donate/projects/get involved/photos+media/events about us/contact /member area (login)
2. sponsors
3. sign up
4. learn more
5. donate
6. water for schools
7. video feature
8. links
9. store

SCHEMATICS (STORY BOARD) COMP - COMPREHENSIVE GRAPHIC

H/W 2 patterns

1

Pattern type:
Site
Pattern name:
Portfolio, online gallery
Also known as:
portfolio website,
Description:
A portfolio is a website for which an individual can check out particular artists images of sample works, portfolio can include
biography, photographs, video, mix media
audio files, and/or links, contact info, or online sales.
It may include or be associated with a blog, wiki,
or other patterns
Examples:
http://andrzejdragan.com/
http://www.jimwarren.com/site/
Patterns which it plays a part of:
to be added later
Patterns which make up an
Arts,
site:
Class Time/Location Table, Syllabus Schedule Table, Header, Footer,
Content, Nav, gallery List, Annotated art List, Footnote/End note, Citation,
Bibliography, Caption
Comments:
Portfolios are typically copyrighted galleries and subsume a variety of
sections of artwork, including a painting, drawing, etc. galleries, contact,
a vita or bio,
They may also make use of a blog, wiki, or, more rarely, free-standing,
interactive galleries.
Tags photography, artwork, events, portraits, graphics,

2

Pattern type:
Site
Pattern name:
blog
Also known as:
personal blog, online diary
Description:
A blog is a website for which an individual can post their thoughts combining text, images or links. Blog can include
video, music, audio files, and/or links, contact info.
It may include or be associated with a blog, wiki,
or other patterns
Examples:
http://www.thefunnydogs.com/

Patterns which it plays a part of:
to be added later
site:
in content edit, Header, Footer,
Content, Nav, Footnote/Endnote, Citation,
Bibliography, Caption
Comments:
blogs are typically and subsume a variety of
sections of texts, images, including links, archives, comments, etc.
are maintained by the author
Tags:
diary, photography, archive, events, comments, mp3,

3

Pattern type:
Site
Pattern name:
wiki
Also known as:
online encyclopedia, free-content encyclopedia
Description:
A wiki is a site where anybody can contribute, website for which an individual can check information about subject matter or be directed to the related pages with additional information. Online encyclopedia can occlude
video, music, audio files, and/or links, contact info.
It may include or be associated with a blog, wiki,
or other patterns
Examples:
wikipedia.com
Patterns which it plays a part of:
to be added later
site:
in content edit, Header, Footer,
Content, Footnote/End note, Citation,
Bibliography, Caption
Comments:
online encyclopedias are articles with a links with variety of
sections of texts, images, including bibliographies etc.
are maintained by anybody
Tags:
wiki, online encyclopedia, bibliography, footnotes,

4

Pattern type:
Site
Pattern name:
online games
Also known as:
games website, web applications
Description:
A gaming site is a site where anybody can play games, ether individual need to set up an account or create its log in,
people can play with other people around the world
It may include or be associated with a blog, wiki,
or other patterns
Examples:
games.com
Patterns which it plays a part of:
to be added later
Comments:
online gaming is free or non free of charge site,
Tags:
games, social games,

5

Pattern type:
Site
Pattern name:
online TV website
Also known as:
watch TV for free
Description:
A online TV website is a site where anybody watch current streaming of TV channels , an individual need to set up an account or create its lo gin in order to watch, usually these kind of sites are owed by TV channel stations,
It may include or be associated with a blog, wiki,
or other patterns
Examples:
linktv.com

Patterns which it plays a part of:
to be added later

Tags:
channel 1, watch online, free


6


Pattern type:
Site
Pattern name:
online games
Also known as:
games website, web applications
Description:
A gaming site is a site where anybody can play games, ether individual need to set up an account or create its log in,
people can play with other people around the world
It may include or be associated with a blog, wiki,
or other patterns
Examples:
games.com
Patterns which it plays a part of:
to be added later
Comments:
online gaming is free or non free of charge site,
Tags:
games, social games,

7

Pattern type:
Site
Pattern name:
online banking
Also known as:
banks online
Description:
A banking site is a site where anybody maintain their banking accounts online, need to set up an account within a a password.
people can make quick transactions, check their account info, make transfers between their account or anybody else.
Access It's available 24/day, does not need a card.
Examples:
citibank.com
Patterns which it plays a part of:
to be added later
Comments:
its highly secured, site is owned by particular bank
Tags:
pay, MasterCard, online banking,

week 2 in class notes/"Immature artists imitate"

http://zarifdesign.com/
http://blog.jjg.net/
http://marcjacobs.com/

"Immature artists imitate"
"Mature artists steal"

:)

test