SlideShare una empresa de Scribd logo
1 de 33
Social Media
Mashup Website’s

Hoe een website bouwen
die zichzelf onderhoudt...


Mathias Vissers | @mvissers
www.vissers.be
#bcvrt
Mathias Vissers
               @mvissers
http://about.me/mvissers
       Webdeveloper @ intracto.be
              Bijberoep: Punt Uit!
Social Media Mashup Website’s   @mvissers
Social Media Mashup Website’s             @mvissers
                                Credits: Tomorrowland.be
jeffreydirkse.com
                                @jeffreydirkse




Social Media Mashup Website’s             @mvissers
Social Media Mashup Website’s   @mvissers
Social Media Mashup Website’s   @mvissers
www.djcatscan.nl
     @djcatscan
Social Media Mashup Website’s   @mvissers
www.djkorsakoff.com
@dj_korsakoff
Default buttons...




Social Media Mashup Website’s   @mvissers
Default Like-box...




Social Media Mashup Website’s   @mvissers
Custom Twitter-feed




 ATOM: http://search.twitter.com/search.atom?q=from:dj_korsakoff&rpp=4
 Of de Twitter API voor meer mogelijkheden


Social Media Mashup Website’s                                   @mvissers
Events: Facebook Open Graph




https://graph.facebook.com/djKorsakoff/events? + token


Social Media Mashup Website’s                            @mvissers
Events: Facebook Open Graph

                                {
                                    "data": [
                                      {
                                         "name": "Masters of Hardcore (NL)",
                                         "start_time": "2012-03-24T22:00:00",
                                         "end_time": "2012-03-25T08:00:00",
                                         "location": "Brabanthallen",
                                         "id": "213163798770915"
                                      },
                                      {
                                         "name": "Reverze 2012",
                                         "start_time": "2012-03-17T20:00:00",
                                         "end_time": "2012-03-17T23:00:00",
                                         "location": "Antwerps Sportpaleis",
                                         "id": "320710081294538"
                                      },
                                      {
                                         "name": "AXELERATOR (CH)",
                                         "start_time": "2012-03-16T22:00:00",
                                         "end_time": "2012-03-17T01:00:00",
                                         "location": "Loft",
                                         "id": "220977824654747"
                                      }
                                    ]
                                }


 https://graph.facebook.com/213163798770915/picture?access_token=x

Social Media Mashup Website’s                                                   @mvissers
Video: YouTube API




Social Media Mashup Website’s   @mvissers
Video: YouTube API

        $clientLibraryPath = 'lib/ZendGdata/library/';
        require_once 'lib/ZendGdata/library/Zend/Loader.php';
        Zend_Loader::loadClass('Zend_Gdata_YouTube');
        $yt = new Zend_Gdata_YouTube();
        $yt->setMajorProtocolVersion(2);
        $videoFeeds = $yt->getUserFavorites('officialkorsakoff');


        if (count($videoFeeds) > 0) {
                 $videoEntry = $videoFeeds[0];
                 $latestvideoid = $videoEntry->getVideoId();
                 $videodescription = $videoEntry->getVideoDescription();
                 $videotitle = $videoEntry->getVideoTitle();
                 $videocount = $videoEntry->getVideoViewCount();
                 $videodate = $videoEntry->mediaGroup->uploaded->text;
                 $videoauthor = $videoEntry->author[0]->name->text;
        }

Social Media Mashup Website’s                                       @mvissers
Releases: HardTunes API




Social Media Mashup Website’s   @mvissers
Photos: Facebook Open Graph




https://graph.facebook.com/djKorsakoff/albums


Social Media Mashup Website’s                   @mvissers
Photos: Facebook Open Graph
   {
       "data": [
         {
            "id": "10150477642464086",
            "from": {
               "name": "Korsakoff",
               "category": "Musician/band",
               "id": "18254279085"
            },
            "name": "2012",
            "description": "2012 ",
            "link": "http://www.facebook.com/album.php?fbid=10150477642464086&id=18254279085
                    &aid=365350",
            "cover_photo": "10150477644059086",
            "count": 7,
            "type": "normal",
            "created_time": "2012-01-08T16:41:15+0000",
            "updated_time": "2012-01-08T16:53:17+0000",
            "can_upload": false,
            "likes": {...},
            "comments": {...}
         },                        https://graph.facebook.com/10150477642464086/photos

Social Media Mashup Website’s                                                  @mvissers
Caching




                       MySQL    Cronjob




Social Media Mashup Website’s             @mvissers
developers.soundcloud.com
developer.myspace.com
api.itunesapis.com
developer.spotify.com
developers.bol.com
dev.twitter.com
developers.facebook.com
developers.facebook.com/blog
Hire me:

    www.vissers.be
   mathias@vissers.be
    +32 474 50 98 84
       @mvissers
 www.linkedin.com/in/mvissers
  http://about.me/mvissers
http://in.trac.to/jobs




Social Media Mashup Website’s              @mvissers
Social Media Mashup Website’s   @mvissers

Más contenido relacionado

Similar a Social media mashup website's

HackMIT Presentation
HackMIT PresentationHackMIT Presentation
HackMIT PresentationMatt Harris
 
Harvesting Social Media (in BESOCIAL)
Harvesting Social Media (in BESOCIAL)Harvesting Social Media (in BESOCIAL)
Harvesting Social Media (in BESOCIAL)Sven Lieber
 
BSides Lisbon 2017: David Sopas's 'GTFO Mr. User'
BSides Lisbon 2017: David Sopas's 'GTFO Mr. User'BSides Lisbon 2017: David Sopas's 'GTFO Mr. User'
BSides Lisbon 2017: David Sopas's 'GTFO Mr. User'Checkmarx
 
The Web Is Changing — From Strings to Things
The Web Is Changing — From Strings to ThingsThe Web Is Changing — From Strings to Things
The Web Is Changing — From Strings to ThingsMarkus Lanthaler
 
5 Things I Learned While Modeling Data in MongoDB
5 Things I Learned While Modeling Data in MongoDB5 Things I Learned While Modeling Data in MongoDB
5 Things I Learned While Modeling Data in MongoDBLauren Hayward Schaefer
 
Forbes MongoNYC 2011
Forbes MongoNYC 2011Forbes MongoNYC 2011
Forbes MongoNYC 2011djdunlop
 
WordPress 次期バージョンと日本のコミュニティ
WordPress 次期バージョンと日本のコミュニティWordPress 次期バージョンと日本のコミュニティ
WordPress 次期バージョンと日本のコミュニティYuriko IKEDA
 
The Flash Facebook Cookbook - FlashMidlands
The Flash Facebook Cookbook - FlashMidlandsThe Flash Facebook Cookbook - FlashMidlands
The Flash Facebook Cookbook - FlashMidlandsJames Ford
 
Das Web Wird Mobil - Geolocation und Location Based Services
Das Web Wird Mobil - Geolocation und Location Based ServicesDas Web Wird Mobil - Geolocation und Location Based Services
Das Web Wird Mobil - Geolocation und Location Based ServicesStephan Schmidt
 
Twitter Presentation: #APIConSF
Twitter Presentation: #APIConSFTwitter Presentation: #APIConSF
Twitter Presentation: #APIConSFRyan Choi
 
SFScon17 - Patrick Puecher: "Exploring data with Elasticsearch and Kibana"
SFScon17 - Patrick Puecher: "Exploring data with Elasticsearch and Kibana"SFScon17 - Patrick Puecher: "Exploring data with Elasticsearch and Kibana"
SFScon17 - Patrick Puecher: "Exploring data with Elasticsearch and Kibana"South Tyrol Free Software Conference
 
Beyond Logging: Using MongoDB to Power a Private Social Network (Oh, and log ...
Beyond Logging: Using MongoDB to Power a Private Social Network (Oh, and log ...Beyond Logging: Using MongoDB to Power a Private Social Network (Oh, and log ...
Beyond Logging: Using MongoDB to Power a Private Social Network (Oh, and log ...justinjenkins
 
Acceptance Testing with Webrat
Acceptance Testing with WebratAcceptance Testing with Webrat
Acceptance Testing with WebratLuismi Cavallé
 
SearchLove London | Matt Beswick, 'Get More From Your Content'
SearchLove London | Matt Beswick, 'Get More From Your Content' SearchLove London | Matt Beswick, 'Get More From Your Content'
SearchLove London | Matt Beswick, 'Get More From Your Content' Distilled
 
WordCamp Chiclana 2020 Crea schemas sin plugins
WordCamp Chiclana 2020 Crea schemas sin pluginsWordCamp Chiclana 2020 Crea schemas sin plugins
WordCamp Chiclana 2020 Crea schemas sin pluginsClosemarketing
 
JSON and Swift, Still A Better Love Story Than Twilight
JSON and Swift, Still A Better Love Story Than TwilightJSON and Swift, Still A Better Love Story Than Twilight
JSON and Swift, Still A Better Love Story Than TwilightDonny Wals
 

Similar a Social media mashup website's (20)

API Design - 3rd Edition
API Design - 3rd EditionAPI Design - 3rd Edition
API Design - 3rd Edition
 
HackMIT Presentation
HackMIT PresentationHackMIT Presentation
HackMIT Presentation
 
Harvesting Social Media (in BESOCIAL)
Harvesting Social Media (in BESOCIAL)Harvesting Social Media (in BESOCIAL)
Harvesting Social Media (in BESOCIAL)
 
BSides Lisbon 2017: David Sopas's 'GTFO Mr. User'
BSides Lisbon 2017: David Sopas's 'GTFO Mr. User'BSides Lisbon 2017: David Sopas's 'GTFO Mr. User'
BSides Lisbon 2017: David Sopas's 'GTFO Mr. User'
 
The Web Is Changing — From Strings to Things
The Web Is Changing — From Strings to ThingsThe Web Is Changing — From Strings to Things
The Web Is Changing — From Strings to Things
 
5 Things I Learned While Modeling Data in MongoDB
5 Things I Learned While Modeling Data in MongoDB5 Things I Learned While Modeling Data in MongoDB
5 Things I Learned While Modeling Data in MongoDB
 
Forbes MongoNYC 2011
Forbes MongoNYC 2011Forbes MongoNYC 2011
Forbes MongoNYC 2011
 
Api vortrag
Api vortragApi vortrag
Api vortrag
 
WordPress 次期バージョンと日本のコミュニティ
WordPress 次期バージョンと日本のコミュニティWordPress 次期バージョンと日本のコミュニティ
WordPress 次期バージョンと日本のコミュニティ
 
The Flash Facebook Cookbook - FlashMidlands
The Flash Facebook Cookbook - FlashMidlandsThe Flash Facebook Cookbook - FlashMidlands
The Flash Facebook Cookbook - FlashMidlands
 
Das Web Wird Mobil - Geolocation und Location Based Services
Das Web Wird Mobil - Geolocation und Location Based ServicesDas Web Wird Mobil - Geolocation und Location Based Services
Das Web Wird Mobil - Geolocation und Location Based Services
 
Spark and MongoDB
Spark and MongoDBSpark and MongoDB
Spark and MongoDB
 
Twitter Presentation: #APIConSF
Twitter Presentation: #APIConSFTwitter Presentation: #APIConSF
Twitter Presentation: #APIConSF
 
SFScon17 - Patrick Puecher: "Exploring data with Elasticsearch and Kibana"
SFScon17 - Patrick Puecher: "Exploring data with Elasticsearch and Kibana"SFScon17 - Patrick Puecher: "Exploring data with Elasticsearch and Kibana"
SFScon17 - Patrick Puecher: "Exploring data with Elasticsearch and Kibana"
 
Beyond Logging: Using MongoDB to Power a Private Social Network (Oh, and log ...
Beyond Logging: Using MongoDB to Power a Private Social Network (Oh, and log ...Beyond Logging: Using MongoDB to Power a Private Social Network (Oh, and log ...
Beyond Logging: Using MongoDB to Power a Private Social Network (Oh, and log ...
 
The Rise of NoSQL
The Rise of NoSQLThe Rise of NoSQL
The Rise of NoSQL
 
Acceptance Testing with Webrat
Acceptance Testing with WebratAcceptance Testing with Webrat
Acceptance Testing with Webrat
 
SearchLove London | Matt Beswick, 'Get More From Your Content'
SearchLove London | Matt Beswick, 'Get More From Your Content' SearchLove London | Matt Beswick, 'Get More From Your Content'
SearchLove London | Matt Beswick, 'Get More From Your Content'
 
WordCamp Chiclana 2020 Crea schemas sin plugins
WordCamp Chiclana 2020 Crea schemas sin pluginsWordCamp Chiclana 2020 Crea schemas sin plugins
WordCamp Chiclana 2020 Crea schemas sin plugins
 
JSON and Swift, Still A Better Love Story Than Twilight
JSON and Swift, Still A Better Love Story Than TwilightJSON and Swift, Still A Better Love Story Than Twilight
JSON and Swift, Still A Better Love Story Than Twilight
 

Más de Mathias Vissers

De opstart van Plantiful.be - welke valkuilen zijn we tegen geokmen in de ops...
De opstart van Plantiful.be - welke valkuilen zijn we tegen geokmen in de ops...De opstart van Plantiful.be - welke valkuilen zijn we tegen geokmen in de ops...
De opstart van Plantiful.be - welke valkuilen zijn we tegen geokmen in de ops...Mathias Vissers
 
E-commerce in België - Waar moet je rekening mee houden als je een webshop st...
E-commerce in België - Waar moet je rekening mee houden als je een webshop st...E-commerce in België - Waar moet je rekening mee houden als je een webshop st...
E-commerce in België - Waar moet je rekening mee houden als je een webshop st...Mathias Vissers
 
Google Digital Dive - Een naadloze online ervaring
Google Digital Dive - Een naadloze online ervaringGoogle Digital Dive - Een naadloze online ervaring
Google Digital Dive - Een naadloze online ervaringMathias Vissers
 
Masterclass winkel van de toekomst - Stad Genk
Masterclass winkel van de toekomst - Stad GenkMasterclass winkel van de toekomst - Stad Genk
Masterclass winkel van de toekomst - Stad GenkMathias Vissers
 
E-commerce in België 2016 - Getting started met e-commerce - PXL Hasselt
E-commerce in België 2016 - Getting started met e-commerce - PXL HasseltE-commerce in België 2016 - Getting started met e-commerce - PXL Hasselt
E-commerce in België 2016 - Getting started met e-commerce - PXL HasseltMathias Vissers
 
Intracto Marketing Meetup - Je website afstemmen op de customer journey
Intracto Marketing Meetup - Je website afstemmen op de customer journeyIntracto Marketing Meetup - Je website afstemmen op de customer journey
Intracto Marketing Meetup - Je website afstemmen op de customer journeyMathias Vissers
 
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepast...
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepast...Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepast...
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepast...Mathias Vissers
 
The way the cookie crumbles: user tracking, personalisatie & integratie. Intr...
The way the cookie crumbles: user tracking, personalisatie & integratie. Intr...The way the cookie crumbles: user tracking, personalisatie & integratie. Intr...
The way the cookie crumbles: user tracking, personalisatie & integratie. Intr...Mathias Vissers
 
Thomas More TI1 Geel: Intracto & Responsive web
Thomas More TI1 Geel: Intracto & Responsive webThomas More TI1 Geel: Intracto & Responsive web
Thomas More TI1 Geel: Intracto & Responsive webMathias Vissers
 
Unizo Antwerpen-Stad: Hoe uw online aanwezigheid optimaliseren.
Unizo Antwerpen-Stad: Hoe uw online aanwezigheid optimaliseren.Unizo Antwerpen-Stad: Hoe uw online aanwezigheid optimaliseren.
Unizo Antwerpen-Stad: Hoe uw online aanwezigheid optimaliseren.Mathias Vissers
 
Hoe uw online aanwezigheid optimaliseren? Start to "e-commerce"
Hoe uw online aanwezigheid optimaliseren? Start to "e-commerce"Hoe uw online aanwezigheid optimaliseren? Start to "e-commerce"
Hoe uw online aanwezigheid optimaliseren? Start to "e-commerce"Mathias Vissers
 
In-store marketing in een wereld van connected devices
In-store marketing in een wereld van connected devicesIn-store marketing in een wereld van connected devices
In-store marketing in een wereld van connected devicesMathias Vissers
 
"Don't attend this presentation". Een introductie tot conversie-marketing en ...
"Don't attend this presentation". Een introductie tot conversie-marketing en ..."Don't attend this presentation". Een introductie tot conversie-marketing en ...
"Don't attend this presentation". Een introductie tot conversie-marketing en ...Mathias Vissers
 
Thomas More Hogeschool 17/02/2014: Intracto, HTML5 & Mobile first
Thomas More Hogeschool 17/02/2014: Intracto, HTML5 & Mobile firstThomas More Hogeschool 17/02/2014: Intracto, HTML5 & Mobile first
Thomas More Hogeschool 17/02/2014: Intracto, HTML5 & Mobile firstMathias Vissers
 
Where technology meets marketing
Where technology meets marketingWhere technology meets marketing
Where technology meets marketingMathias Vissers
 
Responsive & mobile websites
Responsive & mobile websitesResponsive & mobile websites
Responsive & mobile websitesMathias Vissers
 
Intracto Workshop: social media (Antwerp Diamond Conference)
Intracto Workshop: social media (Antwerp Diamond Conference)Intracto Workshop: social media (Antwerp Diamond Conference)
Intracto Workshop: social media (Antwerp Diamond Conference)Mathias Vissers
 
Intracto Workshop: online advertising (Antwerp Diamond Conference)
Intracto Workshop: online advertising (Antwerp Diamond Conference)Intracto Workshop: online advertising (Antwerp Diamond Conference)
Intracto Workshop: online advertising (Antwerp Diamond Conference)Mathias Vissers
 

Más de Mathias Vissers (20)

De opstart van Plantiful.be - welke valkuilen zijn we tegen geokmen in de ops...
De opstart van Plantiful.be - welke valkuilen zijn we tegen geokmen in de ops...De opstart van Plantiful.be - welke valkuilen zijn we tegen geokmen in de ops...
De opstart van Plantiful.be - welke valkuilen zijn we tegen geokmen in de ops...
 
E-commerce in België - Waar moet je rekening mee houden als je een webshop st...
E-commerce in België - Waar moet je rekening mee houden als je een webshop st...E-commerce in België - Waar moet je rekening mee houden als je een webshop st...
E-commerce in België - Waar moet je rekening mee houden als je een webshop st...
 
Google Digital Dive - Een naadloze online ervaring
Google Digital Dive - Een naadloze online ervaringGoogle Digital Dive - Een naadloze online ervaring
Google Digital Dive - Een naadloze online ervaring
 
Masterclass winkel van de toekomst - Stad Genk
Masterclass winkel van de toekomst - Stad GenkMasterclass winkel van de toekomst - Stad Genk
Masterclass winkel van de toekomst - Stad Genk
 
E-commerce in België 2016 - Getting started met e-commerce - PXL Hasselt
E-commerce in België 2016 - Getting started met e-commerce - PXL HasseltE-commerce in België 2016 - Getting started met e-commerce - PXL Hasselt
E-commerce in België 2016 - Getting started met e-commerce - PXL Hasselt
 
Intracto Marketing Meetup - Je website afstemmen op de customer journey
Intracto Marketing Meetup - Je website afstemmen op de customer journeyIntracto Marketing Meetup - Je website afstemmen op de customer journey
Intracto Marketing Meetup - Je website afstemmen op de customer journey
 
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepast...
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepast...Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepast...
Aanpak van een webproject. Intracto op bezoek bij Thomas More Geel (Toegepast...
 
The way the cookie crumbles: user tracking, personalisatie & integratie. Intr...
The way the cookie crumbles: user tracking, personalisatie & integratie. Intr...The way the cookie crumbles: user tracking, personalisatie & integratie. Intr...
The way the cookie crumbles: user tracking, personalisatie & integratie. Intr...
 
Thomas More TI1 Geel: Intracto & Responsive web
Thomas More TI1 Geel: Intracto & Responsive webThomas More TI1 Geel: Intracto & Responsive web
Thomas More TI1 Geel: Intracto & Responsive web
 
Unizo Antwerpen-Stad: Hoe uw online aanwezigheid optimaliseren.
Unizo Antwerpen-Stad: Hoe uw online aanwezigheid optimaliseren.Unizo Antwerpen-Stad: Hoe uw online aanwezigheid optimaliseren.
Unizo Antwerpen-Stad: Hoe uw online aanwezigheid optimaliseren.
 
Hoe uw online aanwezigheid optimaliseren? Start to "e-commerce"
Hoe uw online aanwezigheid optimaliseren? Start to "e-commerce"Hoe uw online aanwezigheid optimaliseren? Start to "e-commerce"
Hoe uw online aanwezigheid optimaliseren? Start to "e-commerce"
 
E-commerce in België
E-commerce in BelgiëE-commerce in België
E-commerce in België
 
In-store marketing in een wereld van connected devices
In-store marketing in een wereld van connected devicesIn-store marketing in een wereld van connected devices
In-store marketing in een wereld van connected devices
 
"Don't attend this presentation". Een introductie tot conversie-marketing en ...
"Don't attend this presentation". Een introductie tot conversie-marketing en ..."Don't attend this presentation". Een introductie tot conversie-marketing en ...
"Don't attend this presentation". Een introductie tot conversie-marketing en ...
 
Thomas More Hogeschool 17/02/2014: Intracto, HTML5 & Mobile first
Thomas More Hogeschool 17/02/2014: Intracto, HTML5 & Mobile firstThomas More Hogeschool 17/02/2014: Intracto, HTML5 & Mobile first
Thomas More Hogeschool 17/02/2014: Intracto, HTML5 & Mobile first
 
Where technology meets marketing
Where technology meets marketingWhere technology meets marketing
Where technology meets marketing
 
Responsive & mobile websites
Responsive & mobile websitesResponsive & mobile websites
Responsive & mobile websites
 
Van idee naar website.
Van idee naar website.Van idee naar website.
Van idee naar website.
 
Intracto Workshop: social media (Antwerp Diamond Conference)
Intracto Workshop: social media (Antwerp Diamond Conference)Intracto Workshop: social media (Antwerp Diamond Conference)
Intracto Workshop: social media (Antwerp Diamond Conference)
 
Intracto Workshop: online advertising (Antwerp Diamond Conference)
Intracto Workshop: online advertising (Antwerp Diamond Conference)Intracto Workshop: online advertising (Antwerp Diamond Conference)
Intracto Workshop: online advertising (Antwerp Diamond Conference)
 

Último

Call Girls In Andheri East Call US Pooja📞 9892124323 Book Hot And
Call Girls In Andheri East Call US Pooja📞 9892124323 Book Hot AndCall Girls In Andheri East Call US Pooja📞 9892124323 Book Hot And
Call Girls In Andheri East Call US Pooja📞 9892124323 Book Hot AndPooja Nehwal
 
(KAVYA) Call Girls Humayun Nagar ✔️Just Call 7001035870✔️ HI-Fi Hyderabad Esc...
(KAVYA) Call Girls Humayun Nagar ✔️Just Call 7001035870✔️ HI-Fi Hyderabad Esc...(KAVYA) Call Girls Humayun Nagar ✔️Just Call 7001035870✔️ HI-Fi Hyderabad Esc...
(KAVYA) Call Girls Humayun Nagar ✔️Just Call 7001035870✔️ HI-Fi Hyderabad Esc...Sanjna Singh
 
call girls in candolim beach 9870370636] NORTH GOA ..
call girls in candolim beach 9870370636] NORTH GOA ..call girls in candolim beach 9870370636] NORTH GOA ..
call girls in candolim beach 9870370636] NORTH GOA ..nishakur201
 
Lucknow 💋 High Class Call Girls Lucknow 10k @ I'm VIP Independent Escorts Gir...
Lucknow 💋 High Class Call Girls Lucknow 10k @ I'm VIP Independent Escorts Gir...Lucknow 💋 High Class Call Girls Lucknow 10k @ I'm VIP Independent Escorts Gir...
Lucknow 💋 High Class Call Girls Lucknow 10k @ I'm VIP Independent Escorts Gir...anilsa9823
 
$ Love Spells^ 💎 (310) 882-6330 in West Virginia, WV | Psychic Reading Best B...
$ Love Spells^ 💎 (310) 882-6330 in West Virginia, WV | Psychic Reading Best B...$ Love Spells^ 💎 (310) 882-6330 in West Virginia, WV | Psychic Reading Best B...
$ Love Spells^ 💎 (310) 882-6330 in West Virginia, WV | Psychic Reading Best B...PsychicRuben LoveSpells
 
CALL ON ➥8923113531 🔝Call Girls Mahanagar Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Mahanagar Lucknow best sexual serviceCALL ON ➥8923113531 🔝Call Girls Mahanagar Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Mahanagar Lucknow best sexual serviceanilsa9823
 
LC_YouSaidYes_NewBelieverBookletDone.pdf
LC_YouSaidYes_NewBelieverBookletDone.pdfLC_YouSaidYes_NewBelieverBookletDone.pdf
LC_YouSaidYes_NewBelieverBookletDone.pdfpastor83
 
Pokemon Go... Unraveling the Conspiracy Theory
Pokemon Go... Unraveling the Conspiracy TheoryPokemon Go... Unraveling the Conspiracy Theory
Pokemon Go... Unraveling the Conspiracy Theorydrae5
 
CALL ON ➥8923113531 🔝Call Girls Adil Nagar Lucknow best Female service
CALL ON ➥8923113531 🔝Call Girls Adil Nagar Lucknow best Female serviceCALL ON ➥8923113531 🔝Call Girls Adil Nagar Lucknow best Female service
CALL ON ➥8923113531 🔝Call Girls Adil Nagar Lucknow best Female serviceanilsa9823
 
CALL ON ➥8923113531 🔝Call Girls Rajajipuram Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Rajajipuram Lucknow best sexual serviceCALL ON ➥8923113531 🔝Call Girls Rajajipuram Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Rajajipuram Lucknow best sexual serviceanilsa9823
 
文凭办理《原版美国USU学位证书》犹他州立大学毕业证制作成绩单修改
文凭办理《原版美国USU学位证书》犹他州立大学毕业证制作成绩单修改文凭办理《原版美国USU学位证书》犹他州立大学毕业证制作成绩单修改
文凭办理《原版美国USU学位证书》犹他州立大学毕业证制作成绩单修改atducpo
 
8377087607 Full Enjoy @24/7-CLEAN-Call Girls In Chhatarpur,
8377087607 Full Enjoy @24/7-CLEAN-Call Girls In Chhatarpur,8377087607 Full Enjoy @24/7-CLEAN-Call Girls In Chhatarpur,
8377087607 Full Enjoy @24/7-CLEAN-Call Girls In Chhatarpur,dollysharma2066
 
Understanding Relationship Anarchy: A Guide to Liberating Love | CIO Women Ma...
Understanding Relationship Anarchy: A Guide to Liberating Love | CIO Women Ma...Understanding Relationship Anarchy: A Guide to Liberating Love | CIO Women Ma...
Understanding Relationship Anarchy: A Guide to Liberating Love | CIO Women Ma...CIOWomenMagazine
 
Introducing to billionaire brain wave.pdf
Introducing to billionaire brain wave.pdfIntroducing to billionaire brain wave.pdf
Introducing to billionaire brain wave.pdfnoumannajam04
 
Independent Escorts in Lucknow (Adult Only) 👩🏽‍❤️‍💋‍👩🏼 8923113531 ♛ Escort S...
Independent Escorts in Lucknow  (Adult Only) 👩🏽‍❤️‍💋‍👩🏼 8923113531 ♛ Escort S...Independent Escorts in Lucknow  (Adult Only) 👩🏽‍❤️‍💋‍👩🏼 8923113531 ♛ Escort S...
Independent Escorts in Lucknow (Adult Only) 👩🏽‍❤️‍💋‍👩🏼 8923113531 ♛ Escort S...gurkirankumar98700
 
Call Girls Anjuna beach Mariott Resort ₰8588052666
Call Girls Anjuna beach Mariott Resort ₰8588052666Call Girls Anjuna beach Mariott Resort ₰8588052666
Call Girls Anjuna beach Mariott Resort ₰8588052666nishakur201
 
Lilac Illustrated Social Psychology Presentation.pptx
Lilac Illustrated Social Psychology Presentation.pptxLilac Illustrated Social Psychology Presentation.pptx
Lilac Illustrated Social Psychology Presentation.pptxABMWeaklings
 
办理国外毕业证学位证《原版美国montana文凭》蒙大拿州立大学毕业证制作成绩单修改
办理国外毕业证学位证《原版美国montana文凭》蒙大拿州立大学毕业证制作成绩单修改办理国外毕业证学位证《原版美国montana文凭》蒙大拿州立大学毕业证制作成绩单修改
办理国外毕业证学位证《原版美国montana文凭》蒙大拿州立大学毕业证制作成绩单修改atducpo
 
The Selfspace Journal Preview by Mindbrush
The Selfspace Journal Preview by MindbrushThe Selfspace Journal Preview by Mindbrush
The Selfspace Journal Preview by MindbrushShivain97
 
Breath, Brain & Beyond_A Holistic Approach to Peak Performance.pdf
Breath, Brain & Beyond_A Holistic Approach to Peak Performance.pdfBreath, Brain & Beyond_A Holistic Approach to Peak Performance.pdf
Breath, Brain & Beyond_A Holistic Approach to Peak Performance.pdfJess Walker
 

Último (20)

Call Girls In Andheri East Call US Pooja📞 9892124323 Book Hot And
Call Girls In Andheri East Call US Pooja📞 9892124323 Book Hot AndCall Girls In Andheri East Call US Pooja📞 9892124323 Book Hot And
Call Girls In Andheri East Call US Pooja📞 9892124323 Book Hot And
 
(KAVYA) Call Girls Humayun Nagar ✔️Just Call 7001035870✔️ HI-Fi Hyderabad Esc...
(KAVYA) Call Girls Humayun Nagar ✔️Just Call 7001035870✔️ HI-Fi Hyderabad Esc...(KAVYA) Call Girls Humayun Nagar ✔️Just Call 7001035870✔️ HI-Fi Hyderabad Esc...
(KAVYA) Call Girls Humayun Nagar ✔️Just Call 7001035870✔️ HI-Fi Hyderabad Esc...
 
call girls in candolim beach 9870370636] NORTH GOA ..
call girls in candolim beach 9870370636] NORTH GOA ..call girls in candolim beach 9870370636] NORTH GOA ..
call girls in candolim beach 9870370636] NORTH GOA ..
 
Lucknow 💋 High Class Call Girls Lucknow 10k @ I'm VIP Independent Escorts Gir...
Lucknow 💋 High Class Call Girls Lucknow 10k @ I'm VIP Independent Escorts Gir...Lucknow 💋 High Class Call Girls Lucknow 10k @ I'm VIP Independent Escorts Gir...
Lucknow 💋 High Class Call Girls Lucknow 10k @ I'm VIP Independent Escorts Gir...
 
$ Love Spells^ 💎 (310) 882-6330 in West Virginia, WV | Psychic Reading Best B...
$ Love Spells^ 💎 (310) 882-6330 in West Virginia, WV | Psychic Reading Best B...$ Love Spells^ 💎 (310) 882-6330 in West Virginia, WV | Psychic Reading Best B...
$ Love Spells^ 💎 (310) 882-6330 in West Virginia, WV | Psychic Reading Best B...
 
CALL ON ➥8923113531 🔝Call Girls Mahanagar Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Mahanagar Lucknow best sexual serviceCALL ON ➥8923113531 🔝Call Girls Mahanagar Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Mahanagar Lucknow best sexual service
 
LC_YouSaidYes_NewBelieverBookletDone.pdf
LC_YouSaidYes_NewBelieverBookletDone.pdfLC_YouSaidYes_NewBelieverBookletDone.pdf
LC_YouSaidYes_NewBelieverBookletDone.pdf
 
Pokemon Go... Unraveling the Conspiracy Theory
Pokemon Go... Unraveling the Conspiracy TheoryPokemon Go... Unraveling the Conspiracy Theory
Pokemon Go... Unraveling the Conspiracy Theory
 
CALL ON ➥8923113531 🔝Call Girls Adil Nagar Lucknow best Female service
CALL ON ➥8923113531 🔝Call Girls Adil Nagar Lucknow best Female serviceCALL ON ➥8923113531 🔝Call Girls Adil Nagar Lucknow best Female service
CALL ON ➥8923113531 🔝Call Girls Adil Nagar Lucknow best Female service
 
CALL ON ➥8923113531 🔝Call Girls Rajajipuram Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Rajajipuram Lucknow best sexual serviceCALL ON ➥8923113531 🔝Call Girls Rajajipuram Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Rajajipuram Lucknow best sexual service
 
文凭办理《原版美国USU学位证书》犹他州立大学毕业证制作成绩单修改
文凭办理《原版美国USU学位证书》犹他州立大学毕业证制作成绩单修改文凭办理《原版美国USU学位证书》犹他州立大学毕业证制作成绩单修改
文凭办理《原版美国USU学位证书》犹他州立大学毕业证制作成绩单修改
 
8377087607 Full Enjoy @24/7-CLEAN-Call Girls In Chhatarpur,
8377087607 Full Enjoy @24/7-CLEAN-Call Girls In Chhatarpur,8377087607 Full Enjoy @24/7-CLEAN-Call Girls In Chhatarpur,
8377087607 Full Enjoy @24/7-CLEAN-Call Girls In Chhatarpur,
 
Understanding Relationship Anarchy: A Guide to Liberating Love | CIO Women Ma...
Understanding Relationship Anarchy: A Guide to Liberating Love | CIO Women Ma...Understanding Relationship Anarchy: A Guide to Liberating Love | CIO Women Ma...
Understanding Relationship Anarchy: A Guide to Liberating Love | CIO Women Ma...
 
Introducing to billionaire brain wave.pdf
Introducing to billionaire brain wave.pdfIntroducing to billionaire brain wave.pdf
Introducing to billionaire brain wave.pdf
 
Independent Escorts in Lucknow (Adult Only) 👩🏽‍❤️‍💋‍👩🏼 8923113531 ♛ Escort S...
Independent Escorts in Lucknow  (Adult Only) 👩🏽‍❤️‍💋‍👩🏼 8923113531 ♛ Escort S...Independent Escorts in Lucknow  (Adult Only) 👩🏽‍❤️‍💋‍👩🏼 8923113531 ♛ Escort S...
Independent Escorts in Lucknow (Adult Only) 👩🏽‍❤️‍💋‍👩🏼 8923113531 ♛ Escort S...
 
Call Girls Anjuna beach Mariott Resort ₰8588052666
Call Girls Anjuna beach Mariott Resort ₰8588052666Call Girls Anjuna beach Mariott Resort ₰8588052666
Call Girls Anjuna beach Mariott Resort ₰8588052666
 
Lilac Illustrated Social Psychology Presentation.pptx
Lilac Illustrated Social Psychology Presentation.pptxLilac Illustrated Social Psychology Presentation.pptx
Lilac Illustrated Social Psychology Presentation.pptx
 
办理国外毕业证学位证《原版美国montana文凭》蒙大拿州立大学毕业证制作成绩单修改
办理国外毕业证学位证《原版美国montana文凭》蒙大拿州立大学毕业证制作成绩单修改办理国外毕业证学位证《原版美国montana文凭》蒙大拿州立大学毕业证制作成绩单修改
办理国外毕业证学位证《原版美国montana文凭》蒙大拿州立大学毕业证制作成绩单修改
 
The Selfspace Journal Preview by Mindbrush
The Selfspace Journal Preview by MindbrushThe Selfspace Journal Preview by Mindbrush
The Selfspace Journal Preview by Mindbrush
 
Breath, Brain & Beyond_A Holistic Approach to Peak Performance.pdf
Breath, Brain & Beyond_A Holistic Approach to Peak Performance.pdfBreath, Brain & Beyond_A Holistic Approach to Peak Performance.pdf
Breath, Brain & Beyond_A Holistic Approach to Peak Performance.pdf
 

Social media mashup website's

  • 1. Social Media Mashup Website’s Hoe een website bouwen die zichzelf onderhoudt... Mathias Vissers | @mvissers www.vissers.be #bcvrt
  • 2. Mathias Vissers @mvissers http://about.me/mvissers Webdeveloper @ intracto.be Bijberoep: Punt Uit!
  • 3. Social Media Mashup Website’s @mvissers
  • 4. Social Media Mashup Website’s @mvissers Credits: Tomorrowland.be
  • 5. jeffreydirkse.com @jeffreydirkse Social Media Mashup Website’s @mvissers
  • 6. Social Media Mashup Website’s @mvissers
  • 7.
  • 8. Social Media Mashup Website’s @mvissers
  • 9. www.djcatscan.nl @djcatscan
  • 10. Social Media Mashup Website’s @mvissers
  • 12. Default buttons... Social Media Mashup Website’s @mvissers
  • 13. Default Like-box... Social Media Mashup Website’s @mvissers
  • 14. Custom Twitter-feed ATOM: http://search.twitter.com/search.atom?q=from:dj_korsakoff&rpp=4 Of de Twitter API voor meer mogelijkheden Social Media Mashup Website’s @mvissers
  • 15. Events: Facebook Open Graph https://graph.facebook.com/djKorsakoff/events? + token Social Media Mashup Website’s @mvissers
  • 16. Events: Facebook Open Graph { "data": [ { "name": "Masters of Hardcore (NL)", "start_time": "2012-03-24T22:00:00", "end_time": "2012-03-25T08:00:00", "location": "Brabanthallen", "id": "213163798770915" }, { "name": "Reverze 2012", "start_time": "2012-03-17T20:00:00", "end_time": "2012-03-17T23:00:00", "location": "Antwerps Sportpaleis", "id": "320710081294538" }, { "name": "AXELERATOR (CH)", "start_time": "2012-03-16T22:00:00", "end_time": "2012-03-17T01:00:00", "location": "Loft", "id": "220977824654747" } ] } https://graph.facebook.com/213163798770915/picture?access_token=x Social Media Mashup Website’s @mvissers
  • 17. Video: YouTube API Social Media Mashup Website’s @mvissers
  • 18. Video: YouTube API $clientLibraryPath = 'lib/ZendGdata/library/'; require_once 'lib/ZendGdata/library/Zend/Loader.php'; Zend_Loader::loadClass('Zend_Gdata_YouTube'); $yt = new Zend_Gdata_YouTube(); $yt->setMajorProtocolVersion(2); $videoFeeds = $yt->getUserFavorites('officialkorsakoff'); if (count($videoFeeds) > 0) { $videoEntry = $videoFeeds[0]; $latestvideoid = $videoEntry->getVideoId(); $videodescription = $videoEntry->getVideoDescription(); $videotitle = $videoEntry->getVideoTitle(); $videocount = $videoEntry->getVideoViewCount(); $videodate = $videoEntry->mediaGroup->uploaded->text; $videoauthor = $videoEntry->author[0]->name->text; } Social Media Mashup Website’s @mvissers
  • 19. Releases: HardTunes API Social Media Mashup Website’s @mvissers
  • 20. Photos: Facebook Open Graph https://graph.facebook.com/djKorsakoff/albums Social Media Mashup Website’s @mvissers
  • 21. Photos: Facebook Open Graph { "data": [ { "id": "10150477642464086", "from": { "name": "Korsakoff", "category": "Musician/band", "id": "18254279085" }, "name": "2012", "description": "2012 ", "link": "http://www.facebook.com/album.php?fbid=10150477642464086&id=18254279085 &aid=365350", "cover_photo": "10150477644059086", "count": 7, "type": "normal", "created_time": "2012-01-08T16:41:15+0000", "updated_time": "2012-01-08T16:53:17+0000", "can_upload": false, "likes": {...}, "comments": {...} }, https://graph.facebook.com/10150477642464086/photos Social Media Mashup Website’s @mvissers
  • 22. Caching MySQL Cronjob Social Media Mashup Website’s @mvissers
  • 31. Hire me: www.vissers.be mathias@vissers.be +32 474 50 98 84 @mvissers www.linkedin.com/in/mvissers http://about.me/mvissers
  • 33. Social Media Mashup Website’s @mvissers

Notas del editor

  1. Eerst maak ik graag van de gelegenheid gebruik om mezelf kort voor te stellen.Ik ben Mathias Vissers en werk fulltime bij het Kempense Intracto als webdeveloper.Daarnaast heb ik ook een bedrijfje in bijberoep onder de naam Punt Uit!Mijn kennis en interesses gaan niet puur naar het technische. Ik heb naast een IT-opleiding ook een communicatie-opleiding achter de rug en volg alles wat er reilt en zeilt binnen communicatie, marketing en media.Wie wil kan mij volgen op twitter onder de naam mvissers.Om jullie niet dood te slagen met tien URL’s verwijs ik jullie graag naar mijn about.me voor links naar mijn blog, linkedin, vimeo, …
  2. Wie is er allemaal webontwikkelaar hier? Herkenbare situatie Je maakt een site, en daarna gebeurt er niets meer mee, zelfs in deze tijden van Drupal en tal van andere CMS’sen Frustrerend en jammer- Voor alle duidelijkheid, ik heb deze site niet gemaakt, maar dat was de eerste site die ik tegen kwam met een oude datum ;-)
  3. Nu heb ik geluk dat ik naast alle eshops en andere website’s, een hele hoop DJ-site’s in mijn portefeuille heb zitten En DJ-site’s, die zijn vaak gelijklopend qua inhoud en willen vaak allemaal hetzelfde
  4. Dit is Jeffrey, de vaste freelance designer voor de DJ site’s die ik maak.Een leuke Hollander die waarschijnlijk vloekt als hij deze presentatie ziet vanwege het lelijke lettertype dat ik gebruikt heb op zijn slide Maar Jeffrey is een kei in wat ie doet en op een dag kwam hij met het idee af...
  5. Flash is dead!iPad en iPhone niet zichtbaar  jongeren vragen site op tijdens festival, fuif, ...Werd niet altijd onderhouden (zoals eerder aangehaald)
  6. Dus Jeffrey had het idee: als we nu alle social media eens samen gieten in één website zodat die website altijd de laatste inhoud weergeeft van wat er gebeurt online...
  7. Dus ik dacht: we gooien alle social media widgets op één pagina?Easy moneyGelukkig hebben designers altijd een eigen willetje en krijgen mensen met een beperkt grafisch inzicht niet de kans om hun ideeën verder uit te werken ;-)
  8. En zo ontstond de website van DJ Catscan
  9. Maar omdat catscan een lelijke vent is en ik jullie aandacht wil behouden heb ik een veel beter voorbeeld....
  10. De website van DJ Korsakoff dewelke ik vandaag verder als voorbeeld ga gebruiken.Degenen die willen kunnen volgen op laptop of ipad.Ik overloop even de verschillende dingen die we gedaan hebben.
  11. Om te beginnenNo rocket science here. De gewone standaard social media widgets.Google+ meer plus eens dat tweets???
  12. Default facebook like boxHerkenbaarheidExtra likes proberen te genereren door de herkenbaarheidTot daar het makkelijke werk.
  13. Voor de Twitterfeed doen we niets meer dan een gewone Atom/RSS feed inlezen.Je kan echter ook gebruik maken van de meer geavanceerde Twitter API voor meer mogelijkheden.
  14. Voor facebook events gebruiken we de Facebook Open Graph API waarmee je eigenlijk alle data kan afhalen die Facebook toont op zijn site.Dus ook de events voor een bepaalde “facebook page”.
  15. De data die je terug krijgt ziet er ongeveer zo uit.Zoals je ziet ontbreekt de afbeelding, maar die kan je op zijn beurt ook weer gaan afhalen.Je kan daar ook heel ver in gaan zoals aanwezigen afhalen, de wall, ...Dat zijn dingen die we zelf niet doen.
  16. Voor de YouTube video tonen we altijd de laatst geuploade YouTube video op het channel van KorsakoffOok dit via de YouTube API.Niet enkel de video, maar ook alle info zoals aantal keer bekeken bv.
  17. Je kan de YouTube API rechtstreeks aanspreken, maar ik maak hier gebruik van Zend en een open source Google Library zodat je zelf nog minder code moet schrijven.
  18. Voor de relaeses, oftewel de discografie, hadden we geluk dat de platenfirma, Hardtunes, een eigen API heeft waarbij we gewoon alle data kunnen afhalen.
  19. De foto’s halen we op hun beurt ook weer af via de Facebook Open Graph API.Zo kan je met deze url alle albums opvragen die het profiel heeft
  20. En dat geeft dit resultaat ongeveerWaarna je dan via een andere request alle foto’s kan opvragen van dat album
  21. Maar omdat elke keer alle data gaan afhalen bij de API’s te lang zou duren + als API onbeschikbaar is, heb ik volgend systeem uitgewerktDe site haalt alle data uit de lokale MySQL database die elke 24u wordt geupdate via een cronjob. Uiteraard enkel als de API’s beschikbaar zijn.De Twitter info wordt wel realtime ingeladen.Bovendien heeft de klant via een admin-gedeelte de mogelijkheid de cache te flushen.
  22. Zit niet in Korsakoff maar behoort wel tot de mogelijkheden: soundcloudLaatst geuploade muziek bv implementeren
  23. Of als je echt eens gek wilt doen: MySpace
  24. Of de iTunes API’s
  25. Spotify API
  26. Omdat het niet altijd over DJ’s moet gaan. Onlangs gelanceerd, de BOL API om je eigen shop te bouwen, waarbij afhandeling van de bestelling volledig via Bol verloopt.Reseller van bol dus.
  27. Twitter developers site
  28. Facebook developers site
  29. Facebook developers blog