Skip to main content


developerWorks  >  Web development | XML | Open source  >

Develop a dynamic location-based mashup

Mashups, maps, and snapshots

developerWorks

Level: Introductory

Ken Bluttman (ken@kenbluttman.com), Freelance Web Developer, Freelance Consultant

07 Oct 2008

Register now or sign in using your IBM ID and password.

Mashups are a new, highly interactive Web development methodology. Essentially a mix of related content put together from disparate sources, mashups provide rich dynamic content for a superb user experience. Getting Asynchronous JavaScript + XML (Ajax) and mashup chops into your development toolbox will benefit you with high demand in the evolving Web 2.0 workspace.

In this tutorial

  • Hello Map, the new Hello World

  • An Ajax refresher

  • Here comes the mashup

  • Get set up with Flickr

  • Open up the search

  • More about the Search API

Prerequisites

Much of this tutorial uses JavaScript code. Ajax isn't a language; it's a programming paradigm that relies heavily on JavaScript code. Knowledge of Ajax is helpful, but if that is an issue, then at least a good working knowledge of JavaScript code is key. The tutorial also assumes you know some key features of a map: distance, coordinates, and scale.


System requirements

Access to a Web server and a valid domain are the only technical requirements for this tutorial. You need permission to add files to the domain. PHP is used for the server-side language, but the server-side code is fairly simple. On the server, you use code to query a database or retrieve data from a service. If these concepts are familiar in any server language, it should an easy task to rewrite the PHP into the server-side language of your choice.


To view the demos included in this tutorial, JavaScript must be enabled in your browser and Macromedia Flash Player 6 or higher must be installed. You can download the latest Flash Player at http://www.macromedia.com/go/getflashplayer/.


Duration

1 hour


Formats

html, pdf


Share this....

digg Digg this story del.icio.us del.icio.us Slashdot Slashdot it!


Back to top


Document options

Document options requiring JavaScript are not displayed


My developerWorks needs you!

Connect to your technical community