hochschule darmstadt: nzse/ena gastvortrag xamarin/fuse
TRANSCRIPT
Xamarin & FuseENA/NZSE GASTVORTRAG
MotivationWARUM NICHT NATIVE?
Welche Tools?
MOTIVATION
iOS
▸ Xcode
▸ Programmiersprache
▸ Objective C
▸ Swift
▸ User Interface
▸ Integrierter UI Designer
MOTIVATION
Android
▸ Android Studio
▸ Programmiersprache
▸ Java
▸ NEU: Kotlin
▸ User Interface
▸ Integrierter UI Designer
▸ XML
MOTIVATION
Windows (Phone)
▸ Visual Studio
▸ Programmiersprache
▸ C#
▸ JavaScript
▸ VB.NET 😂
▸ User Interface
▸ Integrierter UI Designer
▸ XAML oder HTML, CSS
OBJECTIVE-C
C#
JAVA
SWIFT
Write once, run anywhere?
We define hybrid as a web app, primarily built using HTML5 and JavaScript, that is then wrapped inside a thin native container that provides access to native platform features.
Jens Becker
HYBRID APPS
NativeContainer
WebView
NativeContainer
WebView ▸ HTML, CSS & JavaScript
▸ WebView in nativem Container
▸ UI Style wird imitiert
▸ Gleicher Code auf allen Plattformen
Cordova / Ionic / PhoneGap
We define cross-platform as a native app, which was cross compiled or is otherwise indistinguishable from a native application.
Jens Becker
CROSS-PLATFORM APPS
XamarinDIE LÖSUNG?
XAMARIN
Was ist Xamarin?
iOSC#UI WindowsC#UIAndroidC#UI
SharedC#Mobile
XAMARIN
Wie funktioniert Xamarin?
.NET
C# Compileand Link .APK
Bindings
RunsNatively
IL+
JIT
Xamarin.iOS does full Ahead Of Time (AOT) compilation to produce an ARM binary for Apple’s App Store.
Xamarin.Android takes advantage of Just In Time (JIT) compilation on the Android device.
Xamarin Studio Visual Studio
Live Coding
InformatikerTHEMEN FÜR
Softwarearchitektur
Controller
ModelView
ManipulatesUpdates
Presenter
Model
ViewUI Events
Data
ViewModel
Model
View DataBinding
EventsChanges
* bald bekommt die h_da einen eigenen git Server!
Sketch
invision
Adobe Experience Design CC
https://blog.prototypr.io/https://uxplanet.org/
https://uxdesign.cc/
dribbble
Advanced UX
FuseTRUE WRITE ONCE, RUN ANYWHERE?
Fuse verspricht Abhilfe
▸ Native / OpenGL gerenderte UI
▸ Kompiliert zu C++
▸ JavaScript für die Businesslogik
▸ XML Dialekt für UI (.ux)
▸ Anbinden von nativem Code
Wie funktioniert Fuse?
▸ Sublime Text
▸ Atom
▸ Fuse App
▸ Preview
▸ Bald: Designer
Tooling
Live Coding
Recap
Vielen Dank!