Gastvortrag über Xamarin und Fusetools im Rahmen der NZSE/ENA Vorlesung an der h_da.

1. Xamarin & Fuse
ENA/NZSE GASTVORTRAG

2. REDNER
Jens Becker
▸ jens.becker@incloud.de
▸ Head of Engineering @ Incloud
▸ Master an der h_da

3. Motivation
WARUM NICHT NATIVE?

5. Welche Tools?

6. MOTIVATION
iOS
▸ Xcode
▸ Programmiersprache
▸ Objective C
▸ Swift
▸ User Interface
▸ Integrierter UI Designer

7. MOTIVATION
Android
▸ Android Studio
▸ Programmiersprache
▸ Java
▸ NEU: Kotlin
▸ User Interface
▸ Integrierter UI Designer
▸ XML

8. MOTIVATION
Windows (Phone)
▸ Visual Studio
▸ Programmiersprache
▸ C#
▸ JavaScript
▸ VB.NET 😂
▸ User Interface
▸ Integrierter UI Designer
▸ XAML oder HTML, CSS

9. OBJECTIVE-C
C#
JAVA
SWIFT

10. Write once, run
anywhere?

11. 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

12. NativeContainer
WebView
NativeContainer
WebView ▸ HTML, CSS & JavaScript
▸ WebView in nativem Container
▸ UI Style wird imitiert
▸ Gleicher Code auf allen
Plattformen
▸ ⚡ Facebook
Cordova / Ionic / PhoneGap

13. 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

14. Xamarin
DIE LÖSUNG?

16. XAMARIN
Was ist Xamarin?
iOS C# UI Windows C# UIAndroid C# UI
Shared C# Mobile

17. XAMARIN
Wie funktioniert Xamarin?
.NET
C#
Compile
and Link
.APK
Bindings
Runs
Natively
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.

18. Xamarin Studio Visual Studio

19. Live Coding

20. Informatiker
THEMEN FÜR

22. Softwarearchitektur

23. Controller
ModelView
Manipulates
Updates

24. Presenter
Model
View
UI Events
Data

25. ViewModel
Model
View
DataBinding
EventsChanges

26. * bald bekommt die h_da einen eigenen git Server!

28. Sketch

29. invision

30. Adobe Experience Design CC

31. https://blog.prototypr.io/https://uxplanet.org/
https://uxdesign.cc/

32. dribbble

33. Advanced UX

38. Fuse
TRUE WRITE ONCE, RUN ANYWHERE?

39. Fuse verspricht Abhilfe

40. ▸ 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?

41. ▸ Sublime Text
▸ Atom
▸ Fuse App
▸ Preview
▸ Bald: Designer
Tooling

42. Live Coding

43. Recap

44. Vielen Dank!