This HOWTO describes the steps to setup a simple web server/proxy, and to use the Collecta XMPP API to display images from a Collecta search.  From these steps it should be clear what components are needed to start writing your own web based XMPP/Collecta application. You will need to know some basics about web development and how to use git to download code. See http://metajack.im for more information about Strophe and Tape.

First you will need a simple http server and proxy.  Tape, http://github.com/metajack/tape, was written just for this purpose. Download tape from the git repository, git clone http://github.com/metajack/tape.git, and copy the script to a directory in your path.  Mine is located at /usr/local/bin/tape. 

Second you will need The Compound Eye and all of its requirements. Download the compound eye, git clone http://github.com/collecta/compoundeye.git. This will create a directory called compoundeye.  Next you will need Strophejs and the Collecta XMPP API plug-in for Strophe.  Retrieve these libraries with git clone http://github.com/metajack/strophejs.git and git clone http://github.com/collecta/strophejscollecta.git.  After retrieving strophe and the plug-in, build strophe by changing to the strophejs directory and running the make command.  You will need the YUI compressor for this step, http://developer.yahoo.com/yui/compressor/.  Finally you will changed to the compoundeye directory and copy in the dependencies. Copy strophe.min.js from strophejs and strophe.collecta.js from the plug-in project.

Now you should be ready to run the demo. Change to the compoundeye directory and run tape. tape -P /xmpp-httpbind=http://collecta.com/xmpp-httpbind -P/http-pre-bind=http://collecta.com/http-pre-bind 

This will start up tape and proxy to collecta.com for the needed BOSH urls.  Now browse to your demo at http://localhost:8273/.

Note that this uses a demo API key.  To increase your number of results you can request a key at api@collecta.com

This demo was used in the Charleston Pecha Kucha presentations.