API - Einführung Teil 3

889
-1

Published on

Kursunterlagen für SAE Institut Zürich

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
889
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

API - Einführung Teil 3

  1. 1. APIApplication Programming Interface Einführung 2. Tag
  2. 2. API - Zusammenfassung● Hauptthemen von gestern: ● Überblick über verschiedene APIs ● Interface-Typen (REST, SOAP) ● Rückgabe-Typen (XML, JSON) ● Lab: Experimente mit Google Maps API v2 und Javascript● Kleine schlechte Nachricht zu Beginn: Das Google Maps API v2 wird durch v3 abgelöst● Gute Nachricht: Alles wird besser und Ihr könnt Euch gleich mit dem brandneuen API beschäftigen
  3. 3. API – Google Code Highlights● Grosse Unterstützung für API-Benutzer und API- Entwickler● API-Console mit Übersicht über registrierte APIs und Benutzungsstatistik (https://code.google.com/apis/console/)● API-Console ist (vorläufig) nur für eine Handvoll APIs aktiviert● Und natürlich der Code-Playground von gestern (http://code.google.com/apis/ajax/playground/)
  4. 4. Noch einmal... Es ist keine Werbung!Aber Google hat für API-Interessierte tatsächlich eine Menge zu bieten...
  5. 5. API – Asynchrones Laden● API-Provider kann ein Problem haben, das Netzwerk kann langsam sein● Synchrones Laden: <script src="http://meinScriptProvider"></script> Lädt externes Script, wartet bis es geladen ist...● Asynchrones Laden: function initialize() {   // Jetzt geladene Objekte benutzen }    function loadScript() {   var script = document.createElement("script");   script.type = "text/javascript";   script.src = "http://meinScriptProvider&callback=initialize";   document.body.appendChild(script); } window.onload = loadScript; Erst wenn Seite geladen wird, Script geladen – Erst nach dem Callback beginnt die Action
  6. 6. APIApplication Programming Interface Und schon genug der Theorie...
  7. 7. APIApplication Programming Interface LAB
  8. 8. API – Lab Google MAPS● Wieder alles Javascript● Das ferne Ziel zu Beginn: ● Datenquelle im RSS-Format auslesen ● Daten aufbereiten und auf eine Map darstellen● Vorgehen: ● RSS-Quelle mit einer API nach JSON konvertieren ● JSON analysieren und relevante Felder auspicken ● Diese Felder für die Darstellung der Map verwenden
  9. 9. API – Lab Google MAPS● Details: (Ein nicht ganz erfreuliches Thema) ● RSS-Quelle: Erdbeben M>2.5 der letzten 7 Tage (Öffentliche Daten vom USGS) ● API-Provider zur Konvertierung von RSS nach JSON: Blastcasta.com ● Erhaltenes JSON-Objekt mit Firebug studieren ● Das neue Google Maps API v3 (Doku) ● Relevante Felder für die Marker auf Map: geo:lat und geo:long ● Zu jedem Marker interessante Metadaten in die „Sprachblase“ einfügen (Name, Ort, Link zu den Details)
  10. 10. API – reCAPTCHA● Eine weitere interessante und nützliche API von Google● CAPTCHA: Eingabefeld mit schwer leserlichen Texte („Completely Automated Public Turing test to tell Computers and Humans Apart“)● Um sicher zu gehen, dass der Benutzer ein Mensch ist und keine Maschine (Bot)
  11. 11. API - reCAPTCHA● Wieso „re“ ?● Geniale Idee: ● Google digitalisiert Bücher ● Alte Drucke sind für Maschine schwer leserlich ● Nicht erkannte Wörter werden in CAPTCHA eingebaut ● Eines der beiden Wörter ist bekannt ● User löst das „Rätsel“ und hilft so, Bücher digitalisieren ● Deshalb Spruch „Stop Spam Read Books“ ● Weitere Details hier
  12. 12. API – reCAPTCHA● Dokumentation ist hier● Sub-API: Mailhide API ● Ein API, das Mail Adressen versteckt und bei Bedarf anzeigt (Nach Lösung des CAPTCHA)● Customization: Doku dazu
  13. 13. API Application Programming InterfaceWir wollen gleich sehen, wie das geht...
  14. 14. API - reCAPTCHA● Verkehr zwischen Server und API wasserdicht zu programmieren ist nicht einfach● Das Rad nicht x-mal neu erfinden● Dafür gibts sogenannte Bibliotheken● Wir benutzen sogleich eine PHP-Bibliothek für reCAPTCHA im kommenden Lab
  15. 15. APIApplication Programming Interface LAB
  16. 16. API – Lab reCAPTCHA● Diesmal mit PHP● Vorgehen: ● Grundlage: Tutorial von diesem Link ● Keys von http://deo.li/captchakeys.html laden ● Tutorial ist nicht komplett. Die Datei form.php findet ihr hier: http://deo.li/form.php.txt
  17. 17. APIApplication Programming Interface ENDE
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×