FlickShotPhoto An Image Search Mashup Application

1
FlickShotPhoto!An Image Search Mashup Application

• By Sam Krehnbrink

2
Overview

• Image Search
• Allow users to perform keyword searches for
  images found on pages and photo communities in
  the web.
• Mashup
• Web Application built upon services of existing
  applications

Google Maps
Craigslist
http//www.housingmaps.com
3
Overview

• FlickShotPhoto!
• Flickr Webshots Photobucket Yahoo!
• Basic Utility
• Aggregate image search
• results from a variety of
• sources

WEB
Flickr
Yahoo!
Webshots
FlickShotPhoto
Photobucket
Image
4
Goals

• Learn Mashups
• Web Services
• Learn new Technologies
• PHP
• CSS
• Javascript/AJAX
• Explore New Image Searching Features
• Existing Application have few features

5
Image Search Applications

• Google

6
Image Search Applications

• Yahoo

7
Features

• Keyword Search
• Results organized by service provider
• Results displayed in table format on a per page
  basis with links between pages
• Save Image
• Users can save individual images to local disk
• Edit Image
• Link images to photo editing service (Snipshot)
• Clipboard
• Images may be added to a clipboard for later use
• Email Image
• Allow users to email images

8
Services

• Flickr
• Service API
• Request/Response Formats REST, XML-RPC, SOAP,
  JSON, PHP
• API kits available that wrap the Flicker API
  (phpFlickr)
• Yahoo
• Service API
• Request/Response Formats XML, JSON, PHP
• Zend Framework offers an API wrapper of Yahoo
  Search services
• Webshots
• Service RSS Feeds
• MagpieRSS is a PHP RSS parser that allows for
  easy parsing of RSS feeds
• Photobucket
• Service None
• PHP HTTP API used to request Photobucket pages
• PHP DOM API used to parse HTML response

9
Implementation Tools

• Aptana
• IDE focusing on web application development
• Provides Code Assist for HTML/CSS/Javascript
• Available standalone or as an Eclipse plugin
• PDT Project
• Eclipse plugin providing PHP development tools
• Firebug
• Firefox add-on offering live HTML/Javascript
  debugging of any web page

No Errors
10
Design

• Session
• Last Result
• Clipboard

phpFlickr
Flickr
Magpie RSS
Webshots
Request
imageSearch.php
index.php
Zend
Yahoo
Response
Photobucket
11
Design
index.php


save.php
save.php?url
Session
Javascript
clipboard.php
AJAX
CSS
12
Demo

• http//www.krehnbrink.com/imagesearch

13
Questions