Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
APIApplication Programming Interface           Einführung
API – Was ist das?●   API – Application Programming Interface●   „Von aussen“ benutzbare Funktionen●   Externe Dienste●   ...
API – Beispiele●   Google Maps API – Kartenvisualisierungen●   Twitter API – Tweets, Status, ...●   YouTube API – Suche, U...
API – Beispiele für Mash-Ups●   http://www.maplarge.com/Japan-Earthquake –    Kombination von Google Maps und    Erdbebend...
API – Beispiele für Integration●   http://local.ch●   http://20min.ch●   http://virus.ch●   http://tagesanzeiger.ch●   htt...
API - Integration●   Wie kann ich ein API benutzen?    ●   Widget    ●   Externer Link    ●   Einbetten auf Seite (IFRAME,...
API - Integration●   Widget    ●   Viele verschiedene Widgets (z.B. YouTube)    ●   Einfachste Handhabung    ●   Aber auch...
API - Integration●   Direkter, Externer Link    ●   Praktisch um die API kennenzulernen    ●   Falls Link Bild zurückliefe...
API - Integration●   Einbetten auf Seite via AJAX    ●   Häufig angewandt    ●   Seite bezieht ihre Inhalte von verschiede...
API - Integration●   Serverseitig    ●   Bei Weitem die Häufigste und flexibelste Form der        Einbettung von externen ...
API - Integration●   Desktop- / Mobile-Apps    ●   Desktop- bzw. Mobile-Apps sind oft Front-Ends zu        rückwärtigen AP...
API – Vorteile●   Black Box: Implemetation und Infrastruktur    versteckt●   Ressourcen extern bereitgestellt●   Web 2.0: ...
API - Nachteile●   Keine Kontrolle über Service (Daten etc.)●   Kann jederzeit ausfallen (Meine Applikation    muss dies b...
API - Aspekte●   Vorläufig sind die meisten Dienste gratis●   Häufig limitiert (Anfragen/Tag, Mbytes/Tag, ..)●   Zahlungsp...
API – Weiterführende Links●   Wikipedia: Programmierschnittstelle●   Wikipedia: Webservice●   Web-API - Ein Erklärungsvers...
APIApplication Programming Interface              Labs
API – Lab Static Maps●   Firefox-Extension „Firebug“ installieren●    http://code.google.com/apis/maps/documentation/stati...
API – Lab Widget●   Neues HTML-Dokument kreieren●   YouTube Video einbinden●   Experimentieren mit Widgets:    ●   http://...
APIApplication Programming Interface           PAU S E
Nächste SlideShare
Wird geladen in …5
×

API - Einführung Teil 1

2.301 Aufrufe

Veröffentlicht am

Kursunterlagen für SAE Institut Zürich

Veröffentlicht in: Technologie, Business
  • Als Erste(r) kommentieren

API - Einführung Teil 1

  1. 1. APIApplication Programming Interface Einführung
  2. 2. API – Was ist das?● API – Application Programming Interface● „Von aussen“ benutzbare Funktionen● Externe Dienste● Integrierbar● Bausteine zu einer Gesamtapplikation● Mash-up: Applikation, die mehrere externe APIs vereinigt
  3. 3. API – Beispiele● Google Maps API – Kartenvisualisierungen● Twitter API – Tweets, Status, ...● YouTube API – Suche, Uploads, Playlists, ...● Social Bookmarking (Digg, Delicious, Reddit, StunbleUpon,...) - Bookmarks● Facebook, StudiVZ, Orkut – Publizieren, Friends, Fotos, ...● Flickr API – Slideshows, Upload, ...
  4. 4. API – Beispiele für Mash-Ups● http://www.maplarge.com/Japan-Earthquake – Kombination von Google Maps und Erdbebendaten● http://www.123people.com/ - Personensuche in vielen Verzeichnissen● http://www.walkscore.com/● Programmableweb.com listet 5771 Mashups (Stand April 2011)!
  5. 5. API – Beispiele für Integration● http://local.ch● http://20min.ch● http://virus.ch● http://tagesanzeiger.ch● http://huffingtonpost.com
  6. 6. API - Integration● Wie kann ich ein API benutzen? ● Widget ● Externer Link ● Einbetten auf Seite (IFRAME, Javascript / AJAX) ● Serverseitig ● Desktop- oder Mobile-App ● Kombination der obigen Methoden
  7. 7. API - Integration● Widget ● Viele verschiedene Widgets (z.B. YouTube) ● Einfachste Handhabung ● Aber auch limitiert ● Und unflexibel im Design
  8. 8. API - Integration● Direkter, Externer Link ● Praktisch um die API kennenzulernen ● Falls Link Bild zurückliefert (z.B. MIME-Type image/jpeg), einfache Platzierung in HTML ● Sonst einbetten in <IFRAME> (z.B. Facebook „I like“) ● Einfache bis komplexe Fälle
  9. 9. API - Integration● Einbetten auf Seite via AJAX ● Häufig angewandt ● Seite bezieht ihre Inhalte von verschiedenen Quellen ● Aufruf von API liefert strukturierte Daten, die noch visuell aufbereitet werden müssen ● Problem: SOP (Same Origin Policy) – Wird umgangen durch IFRAMEs
  10. 10. API - Integration● Serverseitig ● Bei Weitem die Häufigste und flexibelste Form der Einbettung von externen APIs ● API-Wrapper für viele Sprachen – Oft für PHP, Ruby, Java, Python ● Mash-ups praktisch alle mit serverseitiger Integration (Generierung von Mehrwert für eigene Website)
  11. 11. API - Integration● Desktop- / Mobile-Apps ● Desktop- bzw. Mobile-Apps sind oft Front-Ends zu rückwärtigen APIs (z.B. SBB, Wetter- oder Börsenwidgets, http://widgets.yahoo.com/download/) ● Mobile Clients liefern zusätzliche, für Applikationen interessante Daten (Standort, evt. Geschwindigkeit, Kompass, Identifikation) ● Google hat ein riesiges Angebot an APIs (Android ist Google) ● In Zukunft wohl immer verbreiteter
  12. 12. API – Vorteile● Black Box: Implemetation und Infrastruktur versteckt● Ressourcen extern bereitgestellt● Web 2.0: Vernetzung und Einbindung der Users mit anderen Diensten● Zusammenstellen mehrerer APIs zu einer Applikation: Mash-Up
  13. 13. API - Nachteile● Keine Kontrolle über Service (Daten etc.)● Kann jederzeit ausfallen (Meine Applikation muss dies berücksichtigen)● API-Interface kann sich häufig radikal verändern● Service-Provider kann Service jederzeit beenden● Je nach Service sehr komplex zu handhaben
  14. 14. API - Aspekte● Vorläufig sind die meisten Dienste gratis● Häufig limitiert (Anfragen/Tag, Mbytes/Tag, ..)● Zahlungspflichtige APIs: ● Amazon Web Services (EC2, S3, SQS, etc.) ● Google Custom Search API ● Google Maps API Premier (Business-Qualität) ● In Zukunft wohl mehr und mehr...
  15. 15. API – Weiterführende Links● Wikipedia: Programmierschnittstelle● Wikipedia: Webservice● Web-API - Ein Erklärungsversuch
  16. 16. APIApplication Programming Interface Labs
  17. 17. API – Lab Static Maps● Firefox-Extension „Firebug“ installieren● http://code.google.com/apis/maps/documentation/staticmaps/ aufrufen● Text-Editor öffnen● Static Maps-Anfragen konstruieren (z.B. Zürich, Buckhauserstrasse 24, blauen Marker platzieren)
  18. 18. API – Lab Widget● Neues HTML-Dokument kreieren● YouTube Video einbinden● Experimentieren mit Widgets: ● http://www.facebook.com/badges/ ● http://twitter.com/about/resources ● http://www.skype.com/intl/en-us/tell-a-friend/get-a- skype-button/
  19. 19. APIApplication Programming Interface PAU S E

×