TASKS PERFORMED by Chris Haines
á
B Interactive Tech Director
á
Brainstorming on initial ideas for
client, website design and site content.
á
Collection of Data includingÉ
o See
Tech Director Document BelowÉ
á
Participated in all meetings with Zubin
(Bistro Manager) and B Interactive.
á
Website Photographer took over 400
photos to use in page Galleries.
á
Image editor, edited down 400 to 32
usable images.
o Image
organization
o Image
editing (Exposure, Color, Manipulation)
o Image
resizing
o Image
naming Conventions
o Image
selection and placement
á
Image Gallery Research, Coding and
Setup (for turn over to
o Home
Page Gallery (5 images)
o Menu
Page Gallery (12 images)
o Photos
Page Gallery (14 images)
o About
Page Photo (1 image) no gallery
á
Researched and Copy for embedding
Google Maps on site.
á
Formatted pdf of Bistro10UN menu.
NAVIGATION DESIGN
á Top
navigation bar under heading.
o
Mouse Over Navigation
¤ Original State (Tan Back
with Black Text)
¤ Mouse Over (White Text)
¤ On Page Highlight, Text
Stays White.
á Secondary
in footer.
o
Bottom of page, simple navigation.
TOOLS TO BE USED
á
Web Pages that Inspire
o http://www.theoakathockleyheath.co.uk/index.html
o http://www.rootdowndenver.com/index.php?Sec=Page&PageId=1
á
Video Links: Videos Provided by AI-CA-SF.
1. Bay AppŽtit
Show What Makes a Good Cookbook
á
http://www.veoh.com/browse/videos/category/family/watch/v19874570GYEKxtRt
2.
Bay AppŽtit Show Chef Entrepreneur
á
http://www.veoh.com/browse/videos/category/educational_and_howto/watch/v19972264jZB2c5gg
3. Bay AppŽtit
Show 3: The Joys of Baking and Pastry
á
http://www.veoh.com/browse/videos/category/educational_and_howto/watch/v19979131enYEJkyJ
á
Link to AI-CA-SF Map and Directions
o http://www.artinstitutes.edu/sanfrancisco/AboutUs/Map_Directions.aspx
o Google Map, Embed into HTML
(googleMaps.html in dropbox)
á
Image Gallery
o Home
Page
¤ http://www.webdeveloper.com
o Menu Page: (html/css file in
Dropbox)
¤ http://host.sonspring.com/hoverbox
o Photo Page: (html/css file
in Dropbox)
¤ http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/#thumb
o Pictures:
¤ Bistro
10 UN Images in Dropbox.
á All-ImagesBistro10UN
á Updated
Pics
TECHNICAL CHALLENGES
á
Traditional (HTML/CSS)
á
Liquid Layout for site?
á
Placement of Image Gallery? (Home Page,
Menu and Photos Page)
á
Location of Video? (About Page)
PAGE SIZES
á
Standard (1024x768).
á
Liquid Layout built with %Õs (max and min).
FILE NAMING
á
Folders stored in B-Interactive Dropbox.
¤ Images:
All-ImagesBistro10UN
¤ Sized-Images
¤ AI-Logos: Menu, Logos, Map and Outside Photos
¤ Personas: Target Audience
¤ Website: All our website files
¤ Image Gallery Home Page
¤ Image Gallery Menu Page
¤ Image Gallery Photos Page
á
All-ImagesBistro10UN
¤ Atmosphere:
Images dealing with front of house.
¤ Bistro
Food: Images of menu items.
¤ Chefs
Students: Images of classroom instruction.
¤ Prep
Food: Images of food being prepared.
á
Sized-Images
¤ Home
(homeImageDescription.jpg)
¤ Menu
(menuImageDescription.jpg)
¤ Photos
(photosImageDescription.jpg)
SITE DIRECTORY
HTML Pages: 7 CSS: 1
á Homepage
(index.html)
á Menu
(menu.html)
o PDF
Menu (bistro10UNMenu.pdf)
á About
(about.html)
o Video
Links (see above ÒTools to be UsedÓ)
á Photos
(photos.html)
o Galleries
(see above ÒTools to be UsedÓ)
á Location
(location.html)
o Google
Maps (googleMaps.html)
á Reservations
(reservations.html)
o Reservation
Form ()
SITE REVISION
¤ It
is B InteractiveÕs goal to have the site finished by week 10 of the Fall
Quarter so we can have one week to revise and make any necessary changes.
¤ Week
11 (the end of Fall Quarter) the site will be turned over to Bistro 10 UN; any
updates and changes will then be the responsibility of the Art Institute of
California at San Francisco Culinary Program.
