You are here: Home > Demo > Scooch Guided Tour

Scooch Guided Tour

Author: Jon Tan

Tags: , , , , ,

Select a thumbnail to view the slide.

  1. View Slide: The What and Why of Scooch
  2. View Slide: Scooch Homepage
  3. View Slide: Editor Step One - Slide Show Details
  4. View Slide: Editor Step Two - Slides
  5. View Slide: Editor Step Three - Update
  6. View Slide: Display Options - Minimalist
  7. View Slide: Display Options - Full Fat
  8. View Slide: Help Manual

The What and Why of Scooch (Slide 1 of 8) -

Scooch by Grow Collective

A long time ago in a galaxy far, far away we needed a browser-based slide show and presentation creator.

It had to be accessible, Web Standards driven, fun and easy to use and not need a database.

Most of all though, it needed to produce semantic content - images, titles, descriptions, comments and ratings that are visible and useful to visitors and the Web, not locked in to a format like Flash.

This is what we made.

Welcome to Scooch from!

Return to thumbnails

Scooch Homepage (Slide 2 of 8) -

Scooch homepage demo screenshot

Scooch is a plug and play application. Download it, install it on your web server and it works.

It can function as a stand alone slide show and presentation blog or be integrated easily with an existing interface.

The demo index seen here features slide show summaries and thumbnails with the ability to display by date, author or title. Administrators can decide how many summaries to show or even to display all shows as thumbnails.

It also features a list of tags using rel-tag Microformat and the ability to add other people's Scooch shows as thumbnail bookmarks.

Return to thumbnails

Editor Step One - Slide Show Details (Slide 3 of 8) -

Scooch editor step one screenshot

Creating a slide show is as easy as one, two, three. Editing a slide show follows the same three step process.

In step one you add or edit the basic details: Slide show title, author, description and tags. You can also choose your display settings; what to show and what to hide, all in one simple form.

Return to thumbnails

Editor Step Two - Slides (Slide 4 of 8) -

Scooch editor step two screenshot

In step two you create or edit the individual slides.

A simple form allows you to add a title, image, image ALT attribute description and text for each slide.

This screenshot is the individual slide editing page. You can:

A. Select a slide to edit from a thumbnail menu or add a new one.

B. Choose to nudge a selected slide left or right in the slide show, edit its contents or delete it.

C. Edit the slide contents.

Scooch accepts JPEGs, GIFs, PNGs and resizes them all beautifully for thumbnails!

Return to thumbnails

Editor Step Three - Update (Slide 5 of 8) -

Scooch editor step three screenshot

Step three summarises all the slide show infomation prior to publishing or re-issuing content.

Told you it was easy!

Return to thumbnails

Display Options - Minimalist (Slide 6 of 8) -

Minimalist slide show display screenshot

Scooch gives you powerful options to display slide show information.

This screenshot is the minimalist version with thumbnails, slide show controls, the slide images and slide text only.

The author, date and description is not displayed but remains in the meta tags for SEO. Slide ratings and comments are disabled and hidden.

Each slide show is one complete page - all slides are present in a plain text view but only revealed one at a time using javascript or PHP. Great SEO but even better document semantics for aggregation and completeness.

Return to thumbnails

Display Options - Full Fat (Slide 7 of 8) -

Full fat slide show disaply screenshot

This screenshot is the full fat version with everything displayed.

We've chosen to display the author, date and description on the page.

The slide ratings feature is also enabled allowing visitors to rate slides using hReview Microformat.

Comments are also enabled with emoticons. A CSS button for a comments RSS feed is revealed in the page footer if any have been posted.

Ratings score and comments count appear in the slide summary on the homepage. Comments count is also added to the TITLE attribute for thumbnails on the homepage.

Another button allows you to grab an RSS feed for the slide show itself and a hCard button allows you to download hCards for everyone who's posted.

Return to thumbnails

Help Manual (Slide 8 of 8) -

Screenshot of the Scooch Manual user settings help page

If all that wasn't enough we know you're going to want to play with the application and adapt it for your own projects.

Here's a little helping hand: A detailed, object by object reference and help manual for the application including help with installation, finding your way around the code and editing.

Have fun and thank you for taking the tour!

Please see for more details or download a free for non commercial use version from

Return to thumbnails

RSS Slides Add hCards ••• Scooch 1.3