Näin teet mashupin
Vesa Keränen
Näin teet mashupin

Mashup on koostesovellus, joka poimii sisältöä yhdestä tai useammasta verkkopalvelusta esittäen sisällöt uudella tavalla. Tällaisia mashupeja voi helposti tehdä itsekin ilman ohjelmointia Mash Maker työkalulla.
Esimerkiksi Google Maps toimii paikkatietoa hyödyntävänä mashupina. Silloin Mapsilla voi selata uutisia, ruokapaikkoja ja lähes kaikkea, mihin liittyy paikkatietoa. Googlen lisäksi Youtube ja Flickr ovat avanneet sisältönsä mashupielle. Niiden sisältöön pääsee käsiksi avoimen rajapinnan kautta.
Mashupin tekeminen on perinteisesti vaatinut ohjelmointia ja rajapinnan eli apin tiedon lähteille. Suurin osa sisällöstä on kuitenkin ollut mashupien ulottumattomissa, koska vain suosituimmat palvelut ovat tarjonneet pääsyn sisältöihinsä. Mashupien kannalta tilanne on kuitenkin paranemaan päin, koska uudet mashup-työkalut voivat käyttää tietolähteenä mitä tahansa web-sivua.
Yahoo Pipes, Microsoft Popfly ja Mash Maker ovat helppokäyttöisiä jokamiehen mashup-työkaluja. Pipes ja Popfly ovat selainpohjaisia visuaalisia sovelluksia. Mashup rakennetaan niillä moduuleista, jotka hakevat tietoa esimerkiksi Facebookin tai Flickrin sisällöistä.
Mash Maker eroaa kilpailojoistaan joustavuudellaan. Se mahdollistaa mashupin tekemisen mistä tahansa staattisesta tai tietokantapohjaisesta web-sivusta.
Välineenä widgetit
Mash Makerilla voi poimia sisällöksi yksittäisen kuvan, uutisen tai esimerkiksi pörssikurssit. Sisällöt merkitään Mash Makerin valintatyökalulla, joka muodostaa xpath-polkuja tietolähteenä toimivan sivun lähdekoodista.
Pörssikursseista valinnan kohteeksi voidaan ottaa esimerkiksi yhtiön nimi, kurssi ja kurssin muutos. Sivulta poimitut sisällöt esitettään widgetien eli minisovelluksen avulla. Mash Makerissa on valmiiksi muun muassa kartta-, kaavio-, kalenteri- ja kuva-widgetit. Widget liitetään tietolähteenä toimivaan sivuun, mutta mashup on olemassa vain mashup-tietokannassa. Alkuperäiseen sivustoon Mash Maker ei tee muutoksia.
Mash Maker on myös yhteisöllinen, ja siksi selainlaajennuksen käyttäminen vaatii rekisteröitymisen. Yhteisöllisyys on käytännössä sitä, että mashupit ovat kaikkien yhteisön jäsenten muokattavissa. Myös mashupien käyttämät sisältötyypit ovat yhteisiä. Yhteisön on kuitenkin helppo valvoa mashupien kehittymistä, koska muutoksista jää jälki mashup-tietokantaan. Mash Makerin selainlaajennus toimii sekä Firefoxilla että Explorerilla.
Mashup softa-arkistosta
Oman mashupin voi tehdä esimerkiksi Tietokoneen Softa-arkiston suositummista ohjelmista. Mashupin avulla suosituimmat ohjelmat latausmäärineen muutetaan pylväsdiagrammiksi. Diagrammia varten tietolähteeksi poimitaan ohjelman nimi ja latauskertojen määrä.
Näin mashupin teko tässä tapauksessa etenee vaihe vaiheelta:
1. Avaa Tietokoneen Softa-arkiston Suosituimmat-sivu selaimessa (www.tietokone.fi/softa/suosituimmat.asp) ja aktivoi Mash Maker -laajennus. Mash Makerin sivupaneeli avautuu Firefoxissa, kun valitset Näytä-valikosta Sivupaneeli ja Intel Mash Maker. Työkalut löytyvät Näytä-valikon Työkalupalkit-valikosta valitsemalla Intel Mash Maker Toolbar. Vastaavat toiminnot Internet Explorerissa ovat Näytä-valikon Explorer-palkki ja Työkalurivit.
2. Avaa Extractor-välilehti ja klikkaa @extractor kohtaa, jotta Extractor-paneeli avautuu välilehden alaosaan. Nimeä extractor Name-kenttään kirjoittamalla nimeksi Top20 ja paina Refresh tree -toimintoa.
Valitse tietolähde
3. Mashupin tietolähde valitaan Pick from page -toiminnolla. Tämä aktivoi valintatyökalun, jolla merkitään sisältö, joka halutaan julkaista mashupille. Kohdista valinta ohjelman nimeen, kuten Avast! Home Edition. Valinnan kohteena oleva sisältö korostetaan keltaisella värillä.
4. Tietolähteestä muodostetaan kohde Property of an item on the page -valinnalla ja lisäämällä tietolähde sivulle Add-toiminnolla. Item kind -valinta määrittelee kohteen sisältötyypin. Kirjoita sisältötyypiksi list.
5. Mash Maker käyttää tietolähteen poimimiseen Xpath-polkua, joka valitsee sivun lähdekoodista sisältöä osoittavat html-elementit. Xpath valintaa voidaan laajentaa tai supistaa How big is the list item -toiminnolla. Toiminnon tarpeellisuus on riippuvainen mashupin kohteena olevan sivun rakenteesta. Xpath-polkua voi tarkastella ja muokata, jos valitsee expert-valinnan ominaisuuksissa (property) tai kohteessa (sub-item).
5. Valinnat ovat aluksi nimeämättömiä (unnamed property). Valinnan nimi määritellään Property-paneelissa kirjoittamalla haluttu nimi Property-kenttään. Ensimmäinen valinta voidaan nimetä Ohjelma-nimikseksi. Samalla määritellään required-sääntö, joka rajaa valinnan ulkopuolelle esimerkiksi taulukon otsikkosolut. Päivitä Extractor-välilehden näkymä Refresh tree -toiminolla. Rajatut kohteet näkyvät Extractor-näkymässä @hidden-nimikkeellä.
Määritä sisältö
6. Mashup-diagrammiin tarvitaan ohjelman nimen lisäksi latauskertojen määrää kuvaava sisältö. Tieto valitaan Softa-arkiston sivulta Pick from page -toiminnolla ja lisätään kohteen ominaisuudeksi Add- toiminnolla. Item kind -valinnan tulee kohdistua samaan sisältötyyppiin (list), kuin ohjelman nimeä valittaessa. Näin valitusta tiedostoa tulee kohteen ominaisuus, eikä uutta kohdetta.
7. Nimeä latauskertojen määrää kuvaava sisältö Property-kentässä. Anna nimeksi Lataukset.
8. Diagrammia varten luodaan sääntö, joka muokkaa latauskertojen määrää kuvaavaa merkkijonoa. Merkkijonosta on poistettava muut kuin numeeriset merkit. Merkkijonoa muokataan regular expression -lausekkeella, joka määritellään aktivoimalla Property-paneelin regexp-valinta. Merkkijonosta poimitaan lukuarvo lausekkeella (\d+).
Julkaise mashup
9. Lopuksi valitut sisällöt julkaistaan Publish-toiminnolla. Tämän jälkeen mashupin näkemät sisällöt ovat selattavissa Data-välilehden puunäkymässä.
10. Lisää Tietokoneen Softa-arkiston sivulle Charts-tyyppinen widget. Diagrammin ominaisuuksissa on asetukset (data properties), joilla valitaan tietolähteet x- ja y-akselille. Valitse x-akselille ohjelman nimi ja y-akselille latauskertojen määrä. Apply-toiminto päivittää widgetin kaavion.
11. Julkaise mashup painamalla työkalurivin tähteä (Save this mashup). Toiminto avaa ikkunan, jossa mashup nimetään (Name for this mashup) ja tallennetaan julkiseen mashup-tietokantaan.
Internet
Mash Maker mashmaker.intel.com
Popfly www.popfly.com
Pipes pipes.yahoo.com








