Introduction to Cross-platform App Development
0 likes377 views
Cross-platform mobile app development allows writing code once that can run on multiple operating systems and devices. It uses a virtual machine that compiles source code into bytecode that can run on different hardware platforms. Xamarin allows building native mobile apps for Android, iOS, and Windows using C# and .NET. Apps are compiled to native code for each platform, delivering native performance while sharing most of the development code cross-platform.
![Hardware
Linux OS
Apps
MAC
Computer
Mac OS
Apps
Hardware
Windows OS
Apps
[Desktop Apps]](https://image.slidesharecdn.com/lec1crossplatform-160516040641/85/Introduction-to-Cross-platform-App-Development-3-320.jpg)
![Hardware
Linux OS
Apps
MAC
Computer
Mac OS
Apps
Hardware
Windows OS
Apps
[Desktop Apps]
How to write once and run anywhere?
Virtual Machine
Source Code ⟹ Bytecode (VM code or IL)
⟹ may be interpreted by or run on VM
(JIT – Just-in-time compilation)](https://image.slidesharecdn.com/lec1crossplatform-160516040641/85/Introduction-to-Cross-platform-App-Development-4-320.jpg)
![Hardware
Linux OS
Apps
MAC
Computer
Mac OS
Apps
Hardware
Windows OS
Apps
[Desktop Apps]
How to write once and run anywhere?
Virtual Machine
Source Code ⟹ Bytecode (VM code or IL)
⟹ may be interpreted by or run on VM
(JIT – Just-in-time compilation)](https://image.slidesharecdn.com/lec1crossplatform-160516040641/85/Introduction-to-Cross-platform-App-Development-5-320.jpg)
![Hardware
Linux OS
Web Apps
MAC
Computer
Mac OS
Web Apps
Hardware
Windows OS
Web Apps
[Web Apps]
Browser Browser Browser](https://image.slidesharecdn.com/lec1crossplatform-160516040641/85/Introduction-to-Cross-platform-App-Development-6-320.jpg)
![Hardware
Linux OS
Web Apps
MAC
Computer
Mac OS
Web Apps
Hardware
Windows OS
Web Apps
[Web Apps]
Browser Browser BrowserVirtual Machine
Web apps do not depend on OS and/or hardware but depend on the browser.](https://image.slidesharecdn.com/lec1crossplatform-160516040641/85/Introduction-to-Cross-platform-App-Development-7-320.jpg)
![Hardware
Operating system
[Web Apps]](https://image.slidesharecdn.com/lec1crossplatform-160516040641/85/Introduction-to-Cross-platform-App-Development-8-320.jpg)
![Hardware
Operating system
[Web Apps]
W3C](https://image.slidesharecdn.com/lec1crossplatform-160516040641/85/Introduction-to-Cross-platform-App-Development-9-320.jpg)
![[Web Apps]](https://image.slidesharecdn.com/lec1crossplatform-160516040641/85/Introduction-to-Cross-platform-App-Development-10-320.jpg)
![[Mobile Devices]
different on screen sizes and densities
can switch between landscape and portrait mode
various types of hardware and OS
lower cpu power and battery limitations
new interaction paradigms
How to write once and run any where?](https://image.slidesharecdn.com/lec1crossplatform-160516040641/85/Introduction-to-Cross-platform-App-Development-11-320.jpg)
![[Mobile Devices]
different on screen sizes and densities
can switch between landscape and portrait mode
various types of hardware and OS
lower cpu power and battery limitations
new interaction paradigms
GUI
Design
Problem
How to write once and run any where?](https://image.slidesharecdn.com/lec1crossplatform-160516040641/85/Introduction-to-Cross-platform-App-Development-12-320.jpg)
![[Mobile Apps]
How to write once and run any where?
Hardware
Android
Apps
MAC
Computer
iOS
Apps
Hardware
Windows
Phone
Apps](https://image.slidesharecdn.com/lec1crossplatform-160516040641/85/Introduction-to-Cross-platform-App-Development-13-320.jpg)
![[Mobile Apps]
How to write once and run any where?
Hardware
Android
Apps
MAC
Computer
iOS
Apps
Hardware
Windows
Phone
Apps
Virtual Machine](https://image.slidesharecdn.com/lec1crossplatform-160516040641/85/Introduction-to-Cross-platform-App-Development-14-320.jpg)
![[Web Apps on Mobile Devices]
Hardware
Android
Apps
MAC
Computer
iOS
Apps
Hardware
Windows
Phone
Apps
Browser BrowserBrowserVirtual Machine](https://image.slidesharecdn.com/lec1crossplatform-160516040641/85/Introduction-to-Cross-platform-App-Development-15-320.jpg)
![[Web Apps on Mobile Devices]
Hardware
Android
Apps
MAC
Computer
iOS
Apps
Hardware
Windows
Phone
Apps
Browser BrowserBrowserVirtual Machine
But mobile devices that usually have lower CPU power and battery limitations.
⊳ poor performance ⊲](https://image.slidesharecdn.com/lec1crossplatform-160516040641/85/Introduction-to-Cross-platform-App-Development-16-320.jpg)
![How to get a native performance?
⊳ “native”, What does this mean?⊲
[Welcome to next lecture]](https://image.slidesharecdn.com/lec1crossplatform-160516040641/85/Introduction-to-Cross-platform-App-Development-17-320.jpg)
Introduction to Cross-platform App Development
- 1. Cross-platform mobile app development with Xamarin thapgan thapgan1010@gmail.com thapgan
- 2. ⊳ “Cross-platform”, What does this mean?⊲
- 3. Hardware Linux OS Apps MAC Computer Mac OS Apps Hardware Windows OS Apps [Desktop Apps]
- 4. Hardware Linux OS Apps MAC Computer Mac OS Apps Hardware Windows OS Apps [Desktop Apps] How to write once and run anywhere? Virtual Machine Source Code ⟹ Bytecode (VM code or IL) ⟹ may be interpreted by or run on VM (JIT – Just-in-time compilation)
- 5. Hardware Linux OS Apps MAC Computer Mac OS Apps Hardware Windows OS Apps [Desktop Apps] How to write once and run anywhere? Virtual Machine Source Code ⟹ Bytecode (VM code or IL) ⟹ may be interpreted by or run on VM (JIT – Just-in-time compilation)
- 6. Hardware Linux OS Web Apps MAC Computer Mac OS Web Apps Hardware Windows OS Web Apps [Web Apps] Browser Browser Browser
- 7. Hardware Linux OS Web Apps MAC Computer Mac OS Web Apps Hardware Windows OS Web Apps [Web Apps] Browser Browser BrowserVirtual Machine Web apps do not depend on OS and/or hardware but depend on the browser.
- 10. [Web Apps]
- 11. [Mobile Devices] different on screen sizes and densities can switch between landscape and portrait mode various types of hardware and OS lower cpu power and battery limitations new interaction paradigms How to write once and run any where?
- 12. [Mobile Devices] different on screen sizes and densities can switch between landscape and portrait mode various types of hardware and OS lower cpu power and battery limitations new interaction paradigms GUI Design Problem How to write once and run any where?
- 13. [Mobile Apps] How to write once and run any where? Hardware Android Apps MAC Computer iOS Apps Hardware Windows Phone Apps
- 14. [Mobile Apps] How to write once and run any where? Hardware Android Apps MAC Computer iOS Apps Hardware Windows Phone Apps Virtual Machine
- 15. [Web Apps on Mobile Devices] Hardware Android Apps MAC Computer iOS Apps Hardware Windows Phone Apps Browser BrowserBrowserVirtual Machine
- 16. [Web Apps on Mobile Devices] Hardware Android Apps MAC Computer iOS Apps Hardware Windows Phone Apps Browser BrowserBrowserVirtual Machine But mobile devices that usually have lower CPU power and battery limitations. ⊳ poor performance ⊲
- 17. How to get a native performance? ⊳ “native”, What does this mean?⊲ [Welcome to next lecture]
- 18. Thanks for your attention