SlideShare a Scribd company logo
1 of 90
Download to read offline
Designing and planning
      a mashup
Morten Just
Vodafone

                        ZYB

                Adobe                 Sky
                         Victoria’s
                          Secret
          Imity

   Speednames
Tele2
Planning a mashup
Magic: the “How does it do that?” effect serves to
         extend what people expect from software
Cayusa on Flickr
The project should solve a problem
The project should make users
better at what they already do
Write
                           Remeber
Find card     Enter PIN                     journal
                             card



            Behavior: The project should
            not assume that it can change
                  its users’ behavior
- Who likes me?
- Is everything okay?
- How can I become more popular
- What’s new?
- I’m bored, let’s make some noise
http://sethgodin.typepad.com/seths_blog/2009/03/the-pillars-of-social-media-success.html
The project should rely on a distribution
                  that can reach as many people as quickly
                             and free as possible
Twose on Flickr
•Boring
                               •Waste of time
                               •Obsolete in a few years




As little code as possible = as little pain as possible
1 day: A shippable first version must be ready after one day
day 3




            day 2




            day 1


       Absolutely most   Critical   Practical
         necessary




Hard prioritization finds
 the application’s core
day 3




           day 2




           day 1


                     Receipt   Balance report
         Payment




Hard prioritization for a
      credit card
• Magic
• Solves a problem
• Little or no behavior change
• Easy distribution
• Identified core
So technically, what is a
       mashup?
+
Mashup:
+   =   Personal
          MTV
(playmymusicvideos.com)
Human
                Browser (HTML)



                 API (XML)
Computer




Language: The mashup speaks to last.fm through an API
Last.FM laid out for humans
- and the same data, laid out for computers
‘s top 50 most listened to
 Find   user


   artists on

 and look them up one for one on


for each artist choose a random song among

the search result’s top 5 (so it doesn’t get boring)



The mashup script expressed in human language
http://ws.audioscrobbler.com/2.0/?
method=user.gettopartists&user=mortenj&api_key=b25b959554ed76058ac22
                               0b7b2e0a026




        http://gdata.youtube.com/feeds/api/videos?vq= xxxxx )


                 Youtube video ID




                                 Play ID

           - and in computer language (almost)
- and expressed in
ActionScript, the
language of Flash
which we’ll use to
play the videos
... which is kind of boring (if you’re not a geek)
I miss all the good
     concerts
Google calendar +
  last.fm + SMS
I listen to music on
my iPhone
Last.FM notes all
songs
... literally, all songs
... and match them
up with who’s
playing near where
I live

                     ... and provide an
                     export for Google
                     Calendar
Google Calendar sends out
SMS reminders - for free
... so now, three
days before the
actual concerts, I
get an SMS
P3 hosts talk too much
I made a last.fm
profile for Danish
national radio
station P3
Through last.fm’s
“Play my library”
we can now listen
to P3 without the
hosts
And get a Twitter
message when
they play yet
another Nephew
song
There are too many
  restaurants and
cinemas to choose
       from
Movie listings +
Restaurant rating
   authorities
YOUR TURN: 10 minutes, 2 mashups

a) What problem are you addressing?
b) Which sources (APIs) are you using?
c) How will it be distributed?
Newspapers are boring
Street + medier
Head wind sucks
Weather Channel +
  Google Maps
Running is boring
News, RSS + iPhone
I’m not cool
Last.FM + natural
     language
Coming home to an
empty appartment is
      boring
Bluetooth phone +
Powerpoint + iTunes +
        Speech


http://blog.genstart.dk/2006/04/21/welcome-home-bluetooth-phone-owner/
SMS + mask
Waking up is boring
Chumby + Youtube +
    Webcam
It wakes me up with live
                         footage from my street
                         (so I can see other
It lives next
                         people are in fact awake
to the pillow
                         and I should be too)
It senses movements in
the bed, so it knows
when I’m in it



Using last.fm and
Youtube it wakes me up
with the music I’m
listening to currently
Oops. Took more than
just one day to build.



                         ... it never was
I can’t plan the weather
Weather + Calendar
I don’t know the bands
   playing this week
Last.FM + Youtube
Computer dictionaries
       suck
Dictionary + web
Online movie listings
       suck
Movie listings +
  TV listings
Not everyone is happy
morten.just@genstart.dk

More Related Content

Similar to Planning and designing a mashup

Interactive media guide
Interactive media guideInteractive media guide
Interactive media guidebrownjordan
 
English: Web 2.0's Universal Language
English: Web 2.0's Universal LanguageEnglish: Web 2.0's Universal Language
English: Web 2.0's Universal LanguageSmokler
 
e content presentation
 e content presentation e content presentation
e content presentationSunil kumar
 
A Brief Overview of a Possible Digital Near Future
A Brief Overview of a Possible Digital Near Future A Brief Overview of a Possible Digital Near Future
A Brief Overview of a Possible Digital Near Future Antoine Dubuquoy
 
351111888-Commodore-64-Assembly-Language-Arcade-Programming-pdf.pdf
351111888-Commodore-64-Assembly-Language-Arcade-Programming-pdf.pdf351111888-Commodore-64-Assembly-Language-Arcade-Programming-pdf.pdf
351111888-Commodore-64-Assembly-Language-Arcade-Programming-pdf.pdfkalelboss
 
5. fmp pre production (1)
5. fmp pre production (1)5. fmp pre production (1)
5. fmp pre production (1)Adam Wheeler
 
Media question four
Media question fourMedia question four
Media question fouralexegunn
 
5. pre production (fmp)
5. pre production (fmp)5. pre production (fmp)
5. pre production (fmp)coremhind
 
5. pre production (FMP)
5. pre production (FMP)5. pre production (FMP)
5. pre production (FMP)coremhind
 
Understanding Computers: Today and Tomorrow, 13th Edition Chapter 10 - Multim...
Understanding Computers: Today and Tomorrow, 13th Edition Chapter 10 - Multim...Understanding Computers: Today and Tomorrow, 13th Edition Chapter 10 - Multim...
Understanding Computers: Today and Tomorrow, 13th Edition Chapter 10 - Multim...yaminohime
 
Evaluation Technologies
Evaluation TechnologiesEvaluation Technologies
Evaluation Technologiesalicerose1994
 
Libraries as Motion Video: Setting up an in-house studio, getting visual & ex...
Libraries as Motion Video: Setting up an in-house studio, getting visual & ex...Libraries as Motion Video: Setting up an in-house studio, getting visual & ex...
Libraries as Motion Video: Setting up an in-house studio, getting visual & ex...Bernadette Daly Swanson
 
Raspberry pi: Aprende raspberry pi con Linux por peter membrey y david hows.
Raspberry pi: Aprende raspberry pi con Linux por peter membrey y david hows.Raspberry pi: Aprende raspberry pi con Linux por peter membrey y david hows.
Raspberry pi: Aprende raspberry pi con Linux por peter membrey y david hows.SANTIAGO PABLO ALBERTO
 

Similar to Planning and designing a mashup (20)

Tcea 2009
Tcea 2009Tcea 2009
Tcea 2009
 
Intro to podcasting
Intro to podcastingIntro to podcasting
Intro to podcasting
 
Interactive media guide
Interactive media guideInteractive media guide
Interactive media guide
 
English: Web 2.0's Universal Language
English: Web 2.0's Universal LanguageEnglish: Web 2.0's Universal Language
English: Web 2.0's Universal Language
 
e content presentation
 e content presentation e content presentation
e content presentation
 
A Brief Overview of a Possible Digital Near Future
A Brief Overview of a Possible Digital Near Future A Brief Overview of a Possible Digital Near Future
A Brief Overview of a Possible Digital Near Future
 
351111888-Commodore-64-Assembly-Language-Arcade-Programming-pdf.pdf
351111888-Commodore-64-Assembly-Language-Arcade-Programming-pdf.pdf351111888-Commodore-64-Assembly-Language-Arcade-Programming-pdf.pdf
351111888-Commodore-64-Assembly-Language-Arcade-Programming-pdf.pdf
 
Grandpas Dream
Grandpas Dream Grandpas Dream
Grandpas Dream
 
5. fmp pre production (1)
5. fmp pre production (1)5. fmp pre production (1)
5. fmp pre production (1)
 
Media question four
Media question fourMedia question four
Media question four
 
5. pre production (fmp)
5. pre production (fmp)5. pre production (fmp)
5. pre production (fmp)
 
5. pre production (FMP)
5. pre production (FMP)5. pre production (FMP)
5. pre production (FMP)
 
Lc diary
Lc diaryLc diary
Lc diary
 
Understanding Computers: Today and Tomorrow, 13th Edition Chapter 10 - Multim...
Understanding Computers: Today and Tomorrow, 13th Edition Chapter 10 - Multim...Understanding Computers: Today and Tomorrow, 13th Edition Chapter 10 - Multim...
Understanding Computers: Today and Tomorrow, 13th Edition Chapter 10 - Multim...
 
Uc13.chapter.10
Uc13.chapter.10Uc13.chapter.10
Uc13.chapter.10
 
Lc diary
Lc diaryLc diary
Lc diary
 
Techology is the new creative
Techology is the new creativeTechology is the new creative
Techology is the new creative
 
Evaluation Technologies
Evaluation TechnologiesEvaluation Technologies
Evaluation Technologies
 
Libraries as Motion Video: Setting up an in-house studio, getting visual & ex...
Libraries as Motion Video: Setting up an in-house studio, getting visual & ex...Libraries as Motion Video: Setting up an in-house studio, getting visual & ex...
Libraries as Motion Video: Setting up an in-house studio, getting visual & ex...
 
Raspberry pi: Aprende raspberry pi con Linux por peter membrey y david hows.
Raspberry pi: Aprende raspberry pi con Linux por peter membrey y david hows.Raspberry pi: Aprende raspberry pi con Linux por peter membrey y david hows.
Raspberry pi: Aprende raspberry pi con Linux por peter membrey y david hows.
 

Recently uploaded

Benefits of Co working & Shared office space in India
Benefits of Co working & Shared office space in IndiaBenefits of Co working & Shared office space in India
Benefits of Co working & Shared office space in IndiaBrantfordIndia
 
Virtue ethics & Effective Altruism: What can EA learn from virtue ethics?
Virtue ethics & Effective Altruism: What can EA learn from virtue ethics?Virtue ethics & Effective Altruism: What can EA learn from virtue ethics?
Virtue ethics & Effective Altruism: What can EA learn from virtue ethics?Mikko Kangassalo
 
Call Girls Dubai O525547819 Favor Dubai Call Girls Agency
Call Girls Dubai O525547819 Favor Dubai Call Girls AgencyCall Girls Dubai O525547819 Favor Dubai Call Girls Agency
Call Girls Dubai O525547819 Favor Dubai Call Girls Agencykojalkojal131
 
Spiritual Life Quote from Shiva Negi
Spiritual Life Quote from Shiva Negi Spiritual Life Quote from Shiva Negi
Spiritual Life Quote from Shiva Negi OneDay18
 
Tuesday Morning inspirational quotes and images.pdf
Tuesday Morning inspirational quotes and images.pdfTuesday Morning inspirational quotes and images.pdf
Tuesday Morning inspirational quotes and images.pdfMehtab Ali
 
The 5 sec rule - Mel Robins (Hindi Summary)
The 5 sec rule - Mel Robins (Hindi Summary)The 5 sec rule - Mel Robins (Hindi Summary)
The 5 sec rule - Mel Robins (Hindi Summary)Shakti Savarn
 

Recently uploaded (6)

Benefits of Co working & Shared office space in India
Benefits of Co working & Shared office space in IndiaBenefits of Co working & Shared office space in India
Benefits of Co working & Shared office space in India
 
Virtue ethics & Effective Altruism: What can EA learn from virtue ethics?
Virtue ethics & Effective Altruism: What can EA learn from virtue ethics?Virtue ethics & Effective Altruism: What can EA learn from virtue ethics?
Virtue ethics & Effective Altruism: What can EA learn from virtue ethics?
 
Call Girls Dubai O525547819 Favor Dubai Call Girls Agency
Call Girls Dubai O525547819 Favor Dubai Call Girls AgencyCall Girls Dubai O525547819 Favor Dubai Call Girls Agency
Call Girls Dubai O525547819 Favor Dubai Call Girls Agency
 
Spiritual Life Quote from Shiva Negi
Spiritual Life Quote from Shiva Negi Spiritual Life Quote from Shiva Negi
Spiritual Life Quote from Shiva Negi
 
Tuesday Morning inspirational quotes and images.pdf
Tuesday Morning inspirational quotes and images.pdfTuesday Morning inspirational quotes and images.pdf
Tuesday Morning inspirational quotes and images.pdf
 
The 5 sec rule - Mel Robins (Hindi Summary)
The 5 sec rule - Mel Robins (Hindi Summary)The 5 sec rule - Mel Robins (Hindi Summary)
The 5 sec rule - Mel Robins (Hindi Summary)
 

Planning and designing a mashup

Editor's Notes

  1. Så lidt adfærdsændring som muligt 1) Nedslagspunkter 2) Vaner