Channel9 - Cross Platform Day - Intro

Cross-Plattform-Entwicklung ist derzeit in aller Munde. Doch was verbirgt sich hinter diesem Begriff? Ist mit „einer App“ alles getan? Und auf welchem Technologie-Stack sollte man aufsetzen? Bei unserem Cross-Platform-Day möchten Thorsten Hans, Christian Liebel und Manuel Rauber Licht ins Dunkle bringen und stellen ihren Ansatz auf Basis von HTML5, CSS3 und JavaScript vor. In diesem ersten Video der Serie erhalten Sie einen Überblick über die Gesamtthematik, den wir in den nachfolgenden Einzelsessions vertiefen möchten.

Transcript

1. WILLKOMMEN CROSS PLATFORM DAY
2. CROSS PLATFORM DAY SPEAKERS 2 THORSTEN HANS MANUEL RAUBER CHRISTIAN LIEBEL THINKTECTURE.COM
3. CROSS PLATFORM DAY SINGLE-PLATTFORM VS. MULTI-PLATTFORM VS. CROSS-PLATTFORM Nintendo DS Windows Windows Mobile iOS Android BlackBerry 10 FireOS OS X Linux Fernseher Kühlschrank Browser
4. CROSS PLATFORM DAY CROSS-PLATFORM-TECHNOLOGIESTACK 4 SINGLE-PAGE WEB APPLICATIONS
5. CROSS PLATFORM DAY HTML5 ▸ Auszeichnungssprache ▸ Bringt native Plattform-Features ins Web ▸ Umfassendere Eingabe- und Steuerelemente ▸ Audio-/Video-Wiedergabe ohne Plugin ▸ Hardwarebeschleunigte 3D-Inhalte ohne Plugin ▸ Gamepad-Steuerung, Mikrofoneingabe ohne Plugin ▸ Lokaler Speicher (Key-Value-Speicher, Datenbanken, …)
6. CROSS PLATFORM DAY CSS3 ▸ Umfassende Möglichkeiten zur Gestaltung von Web-Apps ▸ 3D-Transformationen ▸ Animationen ▸ Zustandsübergänge ▸ Responsive Layout
7. CROSS PLATFORM DAY JAVASCRIPT ▸ Programmiersprache des Web ▸ Sehr flexibel ▸ Dynamisch typisiert ▸ Prozedural, objektorientiert oder funktional programmierbar ▸ Standardisierte Variante: ECMAScript ▸ Aktuellste Version: ECMAScript 2015 (ES6)
8. CROSS PLATFORM DAY ZIELARCHITEKTUR
9. CROSS PLATFORM DAY WEB APIS ▸ Modellierung & Implementierung von fachlichen Services ▸ Logik raus aus dem Button1_Click()! ▸ Echtes Cross-Plattform braucht interoperable, leichtgewichtige Schnittstellen ▸ HTTP als Basis ▸ Aber: Sicher! ▸ Unterstützung auf allen möglichen Technologieplattformen ▸ ASP.NET Web API, Node.js, …
10. CROSS PLATFORM DAY PUSH SERVICES ▸ HTTP implementiert eine explizite Request-basierte Kommunikation ▸ Realität: Request-basiert + Push ▸ Instant Messaging ▸ Datensatzaktualisierungen ▸ Frameworks wie ASP.NET SignalR, Socket.IO, …
11. CROSS PLATFORM DAY OFFLINE-UNTERSTÜTZUNG ▸ Heute kann überall ein Arbeitsplatz sein (Hotel, Zug, Park, …) ▸ Aber: Nicht überall gibt es (schnelles) Internet ▸ Apps müssen auch diese Situationen mitmachen! ▸ Daher: Lokale Datenhaltung, Synchronisation ▸ HTML5 Web Storage API, WebSQL, IndexedDB, …
12. DAS SIEHT JA ABER GAR NICHT WIE EINE NATIVE ANWENDUNG AUS. CROSS PLATFORM DAY
13. CROSS PLATFORM DAY TypeScript
14. DEMO-APP CROSS PLATFORM APP http://localhost:8080/