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.162 Aufrufe

Veröffentlicht am

Kursunterlagen für SAE Institut Zürich

Veröffentlicht in: Technologie, Business
0 Kommentare
1 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
2.162
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
2
Aktionen
Geteilt
0
Downloads
12
Kommentare
0
Gefällt mir
1
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

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

×