SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Similaire à 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
 

Similaire à 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
 

Plus 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
 

Plus 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)
 

Dernier

(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ EscortsDelhi Escorts Service
 
(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)oannq
 
Inspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptxInspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptxShubham Rawat
 
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...Authentic No 1 Amil Baba In Pakistan
 
E J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptxE J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptxJackieSparrow3
 
南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证kbdhl05e
 
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 AvilableCall Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilabledollysharma2066
 
西伦敦大学毕业证学位证成绩单-怎么样做
西伦敦大学毕业证学位证成绩单-怎么样做西伦敦大学毕业证学位证成绩单-怎么样做
西伦敦大学毕业证学位证成绩单-怎么样做j5bzwet6
 

Dernier (9)

(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
 
(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)
 
Inspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptxInspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptx
 
Model Call Girl in Lado Sarai Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Lado Sarai Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Lado Sarai Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Lado Sarai Delhi reach out to us at 🔝9953056974🔝
 
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
 
E J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptxE J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptx
 
南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证
 
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 AvilableCall Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
 
西伦敦大学毕业证学位证成绩单-怎么样做
西伦敦大学毕业证学位证成绩单-怎么样做西伦敦大学毕业证学位证成绩单-怎么样做
西伦敦大学毕业证学位证成绩单-怎么样做
 

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

Notes de l'éditeur

  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