41
Flickr mit Composite C1 nutzen

Flickr mit Composite C1 nutzen

Embed Size (px)

Citation preview

  • 1. Nachdem wir im letzen Artikel dieEinbindung von Facebook-Alben gezeigthaben, geht es in diesem Post um dieNutzung von Flickr in Composite C1.Composite HQ hat zu diesem Zweck einPackage entwickelt, welches wir hier nutzenwerden.Wie beim Facebook-Packageauch, installieren wir vorab das Slimbox-Package, welches die automatischeGaleriedarstellung der Bilder auf unsererWebsite ermglicht:

2. Anschlieend installieren wir nun daseigentliche Flickr-PackageComposite.Media.ImageGallery.Flickr: 3. Fr die Nutzung von Flickr ist einsogenannter API Key notwendig, den wir imBereich Inhalt / Website-Elemente miteinem Namen hinterlegen, um ihn spter imFunktionsaufruf als Parameter nutzen zuknnen: 4. Der API Key selbst kannunter http://www.flickr.com/services/apps/create/apply/ generiert werden.Fr unsere Flickr-Galerie legen wir imBackend eine neue Seite an, auf der dieBilder spter erscheinen sollen: 5. Nun knnen wir mit der Einbindung dereinzelnen Funktionen des Packagesbeginnen: 6. PhotostreamUm uns den sogenannten Photostream, alsodie neuesten Bilder eines Nutzersanzuzeigen, fgen wir auf der neuangelegten Seite die FunktionComposite.Media.Flickr.Photostream ein: 7. Als Parameter fr diese Funktion bergebenwir zunchst den zuvor unter Website-Elemente definierten API Key: 8. Weiterhin bentigen wir die Flickr User IDals Parameter. Diese muss jedoch zuvor frden entsprechenden Account ermitteltwerden.Ich empfehle zu diesem Zweck die Websitehttp://idgettr.com, mit deren Hilfe wir ausder Adresse unseres ffentlichenPhotostreams die User ID ermitteln knnen: 9. Anschlieend bergeben wir die Flickr UserID an unsere Funktion: 10. Nachdem die Funktion eingefgt und dieSeite gespeichert und verffentlicht wurde,erscheint der Photostream des Flickr-Nutzers in Form einer anklickbaren Galerieauf unserer Website: 11. FavoritenDie nchste Funktion ermglicht dasAnzeigen der sogenannten Favoriten, alsoder als solche markierten Fotos eines Flickr-Users.Wir fgen dazu die FunktionComposite.Media.Flickr.Favorites aufunserer Seite ein: 12. Wieder bergeben wir API Key und User IDals Parameter an die Funktion, fgen dieseein und verffentlichen die Seite erneut: 13. Jetzt sehen wir die Favoriten meines Flickr-Accounts auf unserer Seite da ich bislangnoch keine angelegt hatte, habe ichbeispielhaft einige Fotos anderer User zumThema Fahrrder als Favoriten in meinemFlickr-Account markiert: 14. bersicht aller AlbenBei Flickr knnen die Fotos in Albenorganisiert werden. Um nun alle Alben einesbestimmten Nutzer darzustellen, fgen wirdie FunktionComposite.Media.Flickr.PhotoSets aufunserer Seite ein: 15. Neben den obligatorischen Parametern APIKey und User ID knnen wir in dieserFunktion zustzlich noch definieren, obKommentare anderer Flickr-Nutzer zu deneinzelnen Fotos dargestellt werden sollen: 16. Nach dem Einfgen der Funktion und demVerffentlichen der Seite erhalten wir einebersicht aller Alben des angegebenenFlickr-Nutzers: 17. Bilder eines einzelnen AlbumsdarstellenUm nur Bilder eines einzelnen Albumsdarzustellen, bentigen wir die FunktionComposite.Media.Flickr.PhotoSets.Photos.Zustzlich zum API Key mssen wir jetzt dieSet ID des gewnschten Albums definierenZur Ermittlung dieser ID lassen wir uns inunserem Flickr-Account das entsprechendeAlbum anzeigen und kopieren den letztenTeil der Album-URL in die Zwischenablage dies ist die Set ID: 18. Nun fgen wir die Funktion ein: 19. Neben dem API Key fgen wir jetzt noch dieSet ID aus der Zwischenablage als Parameterein: 20. Als Ergebnis erhalten wir nach demEinfgen der Funktion und dem erneutenVerffentlichen der Seite eine Galerie mitunserem gewnschten Flickr-Album: 21. FazitNeben Facebook ist auch Flickr eineeffektive und komfortable Mglichkeit,Bilder auf einfache Art und Weise zu hostenund auf der eigenen Website mit CompositeC1 fr Galerien zu nutzen.