1nik1212

Table of Contentstoc
Websites iLike- Feb.2.2010 JQuery - Feb.4.2010

__**Jan.5.2010 (Week 1)**__
Worked on initial ideas for website, site map Beginning stages of Benchmark Analysis

**__Jan.15.2010 (Week 2)__**
Made rough network according to discussion.

__**Jan.22.2010 (Week 3)**__
Group discussions Finalized concepts

__**Jan. 26.2010 (Week 4)**__
Worked with Wen on the Final project. Final modifications Presentation

__Jan.28.2010 -__ Websites iLike
(A summary of what I have been doing in this course thus far, along with additional references) I've found that I have constantly be referring back to a number of key websites that spark my inspiration. 1 of which I have analyzed in the first assignment.

__Ikea__ www.ikea.com/ca/en/ - interactive slideshows - high quality imagery

__Air Miles__ www.airmiles.ca - high quality slideshow on main sections of website - good blend from banner to navigation - Organization of subsidiary links

__NBA__ [|www.nba.com]/ - Hide/ view interactivity with information (@http://www.nba.com/gameline/20100201/) - Home page

__Better Place__ @http://www.betterplace.com/ - Minimalist design (white and gray colour scheme) - good drop down navigation menu - various language selection

__Camper__ www.camper.com/ - All flash application - like: drop down menu section at the top of page mini flash animations - Organizing of information in a grid formation (http://news.camper.com/camper-shoes/category/events/) - Gallery ( [])


 * Slider Websites:** @http://www.designbombs.com/tag/slider/

__Puma__ (@http://www.puma.com/us/en/pindex.jsp) - Slideshow (@http://www.shop.puma.ca/on/demandware.store/Sites-Puma-CA-Site/en/Home-Show)

__Giraffe__ @http://giraffe.net/ - Great use of slider and graphics - Customized light box

=Project 2: Prototype=

__Feb.1 – present__ – JQuery
JQuery Tutorials: @http://docs.jquery.com/Tutorials** Spotlight menu bar: @http://plugins.jquery.com/project/jQueryMenu @http://apycom.com/ File Folder: @http://plugins.jquery.com/project/mbextruder @http://pupunzi.com/ White Lightbox with Animated affect: @http://plugins.jquery.com/project/VisualLightbox @http://visuallightbox.com/ Select an image and have it appear on a portion of the screen while scrolling through other images: @http://plugins.jquery.com/project/AjaxScroll @http://project.yctin.com/ajaxscroll/demo/demo.integrate.fullsize.html Automouseover: @http://plugins.jquery.com/project/autoMouseOver @http://www.m79.ca/automouseover/ Information overlayed on text: @http://plugins.jquery.com/project/jQueryImageOverlay @http://www.ferretarmy.com/files/jQuery/ImageOverlay/ImageOverlay.html Images that morph together in a webpage: http://plugins.jquery.com/project/morph_gallery @http://codeassembly.com/examples/gallery/index.html Drag images: @http://plugins.jquery.com/project/multidraggable @http://comp345.awardspace.com/multidraggable/base.html Zoom in on images: @http://plugins.jquery.com/project/mapbox @http://wayfarerweb.com/jquery/plugins/mapbox/ Highlights a input form: @http://plugins.jquery.com/project/AccessKeyHighlighter @http://files.damianedwards.com/AccessKeyHighlighter/jQuery/ Animated Collapsible DIV: @http://plugins.jquery.com/project/animatedcollapsiblediv@http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm @http://www.nba.com/gameline/20100201/ (MENTIONED EARLIER) Automatically adjust page numbers as pages are viewed: @http://plugins.jquery.com/project/aqPaging http://aquaron.com/~jquery/aqPaging Endless Scrolling (JAVA): @http://plugins.jquery.com/project/endless-scroll @http://www.beyondcoding.com/demos/endless-scroll/ Easy News Organizer: @http://plugins.jquery.com/project/EasyNews @http://www.ezjquery.com/cgi-bin/webapp.rb?r=access
 * The JQuery Basics: http://docs.jquery.com/How_jQuery_Works#jQuery:_The_Basics
 * MENU BARS**
 * NAVIGATION**
 * LIGHT BOXES**
 * IMAGERY**
 * FORMS**
 * ORGANIZATION OF INFORMATION**

More JQuery

__**Feb.07.2010**__
__JQuery Navigation bar sites:__ http://www.ajaxupdates.com/10-incredible-jquery-navigation-menus/ Drop Down Menu that needs to be modified: Demo http://developer.web.id/jquery/vertical_slide_navigation/ http://www.chazzuka.com/blog/?p=95 Horizontal Demo http://developer.web.id/jquery/horizontal-slide-nav/ __Light Box Sites:__ @http://www.ajaxupdates.com/category/ajax-scripts-programs/ajax-lightbox/ http://www.ajaxupdates.com/fullsize-a-new-img-tag-attribute/ http://www.ajaxupdates.com/bumpbox-images-html-files-flv-videos-swf-files-and-pdfs-lightbox/ __Smooth Scrolling of Page__ This scrolls to certain parts of the page smoothly: Demo @http://www.dezinerfolio.com/wp-content/uploads/smoothscrolldemo/df_smooth_scroll.html @http://www.ajaxupdates.com/dfsmooth-scroll-script/ __*Quotation Marks__ Put quotation marks around text area: Demo @http://www.webdesignerwall.com/demo/doublequote/doublequote.html?TB_iframe=true&height=300&width=550 @http://www.ajaxupdates.com/simple-double-quotes-script/ __*Load Information Directly from another page into website__ Demo @http://www.javascriptkit.com/script/script2/ajaxpagefetcher.shtml @http://www.ajaxupdates.com/ajax-page-fetcher/ __Collapsible Drop Down Menu__ Demo @http://ashishware.com/Dndwipe.html @http://www.ajaxupdates.com/collasible-draggable-panels/ __Highlighting Region Script__ This might be good if we wanted the user to be able to highlight a region where an image is on the page. Demo @http://media.brianbeck.com/shared/javascript/jquery-ahover/demo/demo.html http://www.ajaxupdates.com/animated-hover-using-jquery/
 * **REALLY LIKE THIS:** Click on an image and it goes into fullsize mode @http://www.addfullsize.com/
 * Demo @http://www.artviper.net/bumpbox.php

**__Feb. 9.2010__**
Websites looked at today: @http://www.sikker.com.ar/ Gallery page will look something along these lines. Information regarding the year and project will be located directly under the columns of images. Main navigation will look like this: @http://apycom.com/menus/7-white.html

**__Feb: 15__**
Designed new Home page and Gallery page layouts in Illustrator

**__Feb: 19__**
Group Meeting - Helped work on panorama - Finalization of prototype website

**__Feb: 22__**
Re-designed and updated Information Architecture Designed Concept postcard

=Project 3: User Test=

__Feb.23.2010__
- Group created the project brief and outlined who would be focusing on what area of the prototype site for structured user testing

__Feb.25.2010__
- Completed the DECIDE Framework (individual) report for my user testing - Focusing on the Contact Us and Career Options pages - Completed user test script

__Mar.2.2010__
- Posted DECIDE Framework and User Test Script - My first set of testing with a participant was completed today at 4:50pm - 5pm

__Mar.4.2010__
- My second set of testing with a participant was completed today at 4:30pm

**__Mar.8.2010__**
- My third set of testing with a participant was completed today 7:30pm - Individual report on my findings and reflections were completed - Group report was also completed - All results are posted to the Wiki