Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Channel9 - Cross Platform Day - Ausblick

Channel9 - Cross Platform Day - Ausblick

Der Cross Platform Day gab einen Überblick, wie mit einem geschickten Zusammenspiel aktueller Technologien das Erstellen echter Cross-Plattform Apps mittels einer einzigen Codebasis gelingen kann. Aber alte Anwendungen müssen nicht gänzlich auf der Strecke bleiben oder komplett neu entwickelt werden: CefSharp ermöglicht Migrationspfade, sodass bestehende Anwendungen peu-a-peu durch JavaScript Apps ersetzt werden können. Weitere Features wie Offlinefähigkeit, Push, native Integrationen und das Erkennen von Touch-Gesten runden die User Experience ab.

Manuel Rauber

February 06, 2016
Tweet

More Decks by Manuel Rauber

Other Decks in Programming

Transcript

  1. AUSBLICK
    CROSS PLATFORM DAY Manuel Rauber

    View full-size slide

  2. CROSS PLATFORM DAY
    ZUSAMMENFASSUNG
    Windows Phone
    iPhone, iPad
    Android
    Windows Store
    Windows Desktop
    Linux
    Mac OS X App
    Node.js
    npm Gulp
    TypeScript
    ECMAScript 6
    HTML5 CSS3
    Restify
    Token-Authentication
    SequelizeJS
    SQLite
    Electron NW.js
    Apache Cordova
    TACO Tools
    Angular 2
    Chrome Safari
    Firefox
    Edge
    WebStorm
    VS Code Atom
    vi Emacs
    Sublime Text
    Eine Codebasis
    ASP.NET Web API
    ASP.NET Core 1.0

    View full-size slide

  3. CROSS PLATFORM DAY
    AUSBLICK
    ▸ CefSharp
    ▸ Push
    ▸ Applikation
    ▸ Plattform
    ▸ Touch-Interaktionen
    ▸ Native Integrationen
    ▸ Offline-Fähigkeit

    View full-size slide

  4. CROSS PLATFORM DAY
    MIGRATION VON EXISTIERENDEN CLIENT-ANWENDUNGEN MIT CEFSHARP
    ▸ Basiert auf CEF (Chromium Embedded Framework)
    ▸ Wrapper um Chromium für WPF und WinForms als Web Browser Control
    ▸ Kommunikation zwischen .NET und JavaScript Code über dediziertes API
    ▸ Ermöglicht Migrationspfade
    ▸ Anwendung nach und nach als SPA in JavaScript neu entwickeln
    ▸ Oder nur Teilbereiche in der existierenden Anwendung in der neuen Welt
    bauen

    View full-size slide

  5. CROSS PLATFORM DAY
    PUSH - APPLIKATION
    ▸ Echtzeit-Daten-Push direkt in die Anwendungen
    ▸ Prinzip: Aufrechthalten einer Client <-> Serververbindung durch WebSockets
    ▸ oder Fallback-Technologie with HTTP Long Polling
    ▸ Für aktive, laufende Applikationen
    ▸ ASP.NET SignalR oder socket.io

    View full-size slide

  6. CROSS PLATFORM DAY
    PUSH - PLATTFORM
    ▸ Benutzung der nativen, herstellerspezifischen Push-Funktionen
    ▸ Bspw. Azure App Services kombiniert iOS, Windows Phone und Android Push
    ▸ Auch für inaktive Applikationen geeignet

    View full-size slide

  7. CROSS PLATFORM DAY
    TOUCHINTERAKTIONEN
    ▸ Native Touch Events vom Browser
    ▸ Abstraktion über hammer.js möglich
    ▸ Erkennung von Gesten
    ▸ Pinch-to-Zoom
    ▸ Rotate
    ▸ Swipe

    View full-size slide

  8. CROSS PLATFORM DAY
    NATIVE INTEGRATIONEN
    ▸ Integration plattformabhängiger APIs
    ▸ Kamera
    ▸ Native Menüs
    ▸ Geolocation
    ▸ Globale Shortcuts

    View full-size slide

  9. CROSS PLATFORM DAY
    OFFLINEFÄHIGKEIT
    ▸ Synchronisieren der Daten in einen lokalen Speicher
    ▸ WebSQL
    ▸ IndexedDB
    ▸ LocalStorage
    ▸ Bearbeiten der Daten ohne aktive Internetverbindung
    ▸ Synchronisation zurück zum Server nach Wiederherstellen einer Verbindung

    View full-size slide

  10. CROSS PLATFORM DAY
    THORSTEN HANS MANUEL RAUBER
    CHRISTIAN LIEBEL
    GitHub Repository: https://github.com/thinktecture/c9-xplatform
    http://thinktecture.com

    View full-size slide