Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager...
-
Upload
denis-bishop -
Category
Documents
-
view
216 -
download
0
Transcript of Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager...
![Page 1: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/1.jpg)
Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead
![Page 2: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/2.jpg)
System DesignPalo Alto Bicycle Club
![Page 3: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/3.jpg)
Design ConsiderationsSystem, UI considerations Low cost, using existing technologies possible Supports Mac and PC users Simple design, Easy access with users Fast access. Both review and create rides
Maintenance considerations Minimum maintenance Web master has minimum knowledge about coding No DBA needed
![Page 4: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/4.jpg)
System Design and ToolsSystem Design
Use both Open source server and client side scripting:
Javascript, PHP, jQuery, Zend.- Form verification- gData API access
Use Google Calendar, and API for Ride Event Engine Use Google Map to display meeting address Using Google doc to maintain route library Use Flickr for photo storage Engine Use AccuWeather forecast for 5 days forecast
![Page 5: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/5.jpg)
Development ToolsTools and Hosting
Google Code:
Hosting: http://biking2010.x10hosting.com/photos.php
![Page 6: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/6.jpg)
Photo uploadPalo Alto Bicycle Club
![Page 7: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/7.jpg)
![Page 8: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/8.jpg)
UPLOAD PHOTOError Handling: Title Required File Required (must be JPG/GIF, <=10MB)AJAX Loading icon to let user know it’s working Displays message for 5 seconds, then gently disappearsFlickr API - (through PHP) Tag (persons name)
![Page 9: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/9.jpg)
![Page 10: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/10.jpg)
![Page 11: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/11.jpg)
VIEW PHOTOSAJAX Loaded through Flickr - JSON Loads 10 most recent photos Hovers image when clicked using FancyboxSORT - by tags (user’s name) Error handling - if none found displays message If nothing entered, displays all photos If match found, display matched photos - case insensitive - matches anywhere in string
![Page 12: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/12.jpg)
![Page 13: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/13.jpg)
Graceful degradationIf user has Javascript DISABLED all is not lost!
By default, there is a box with a link to Flickr so users can still view the photos.
The code adds the gallery and upload functionality using Javascript.
![Page 14: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/14.jpg)
WEB STANDARDS
XHTML (Valid)CSS (Valid)JavascriptAccessible (CynthiaSays Valid - Section 508)
![Page 15: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/15.jpg)
![Page 16: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/16.jpg)
TESTED
Apple OSX 10.6 Firefox 3.6 Safari 4 Chrome 5 Opera 10Windows 7 Firefox 3.6 Chrome 4 Safari 4 IE 8 - no Fancybox - gracefully degrades to links
![Page 17: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/17.jpg)
DEMO time!
![Page 18: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/18.jpg)
QuickTime™ and aH.264 decompressor
are needed to see this picture.
![Page 19: Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.](https://reader035.fdocuments.us/reader035/viewer/2022062500/5697bf8f1a28abf838c8d322/html5/thumbnails/19.jpg)
QuickTime™ and aH.264 decompressor
are needed to see this picture.