introduction to cross-platform app development
TRANSCRIPT
![Page 2: Introduction to Cross-platform App Development](https://reader031.vdocument.in/reader031/viewer/2022030214/588b21e51a28abed688b4f47/html5/thumbnails/2.jpg)
⊳ “Cross-platform”, What does this mean?⊲
![Page 3: Introduction to Cross-platform App Development](https://reader031.vdocument.in/reader031/viewer/2022030214/588b21e51a28abed688b4f47/html5/thumbnails/3.jpg)
Hardware
Linux OS
Apps
MAC Computer
Mac OS
Apps
Hardware
Windows OS
Apps
[Desktop Apps]
![Page 4: Introduction to Cross-platform App Development](https://reader031.vdocument.in/reader031/viewer/2022030214/588b21e51a28abed688b4f47/html5/thumbnails/4.jpg)
Hardware
Linux OS
Apps
MAC Computer
Mac OS
Apps
Hardware
Windows OS
Apps
[Desktop Apps]
How to write once and run anywhere?
Virtual MachineSource Code ⟹ Bytecode (VM code or IL) ⟹may be interpreted by or run on VM
(JIT – Just-in-time compilation)
![Page 5: Introduction to Cross-platform App Development](https://reader031.vdocument.in/reader031/viewer/2022030214/588b21e51a28abed688b4f47/html5/thumbnails/5.jpg)
Hardware
Linux OS
Apps
MAC Computer
Mac OS
Apps
Hardware
Windows OS
Apps
[Desktop Apps]
How to write once and run anywhere?
Virtual MachineSource Code ⟹ Bytecode (VM code or IL) ⟹may be interpreted by or run on VM
(JIT – Just-in-time compilation)
![Page 6: Introduction to Cross-platform App Development](https://reader031.vdocument.in/reader031/viewer/2022030214/588b21e51a28abed688b4f47/html5/thumbnails/6.jpg)
Hardware
Linux OS
Web Apps
MAC Computer
Mac OS
Web Apps
Hardware
Windows OS
Web Apps
[Web Apps]
Browser Browser Browser
![Page 7: Introduction to Cross-platform App Development](https://reader031.vdocument.in/reader031/viewer/2022030214/588b21e51a28abed688b4f47/html5/thumbnails/7.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.
![Page 8: Introduction to Cross-platform App Development](https://reader031.vdocument.in/reader031/viewer/2022030214/588b21e51a28abed688b4f47/html5/thumbnails/8.jpg)
Hardware
Operating system
[Web Apps]
![Page 9: Introduction to Cross-platform App Development](https://reader031.vdocument.in/reader031/viewer/2022030214/588b21e51a28abed688b4f47/html5/thumbnails/9.jpg)
Hardware
Operating system
[Web Apps]W3C
![Page 10: Introduction to Cross-platform App Development](https://reader031.vdocument.in/reader031/viewer/2022030214/588b21e51a28abed688b4f47/html5/thumbnails/10.jpg)
[Web Apps]
![Page 11: Introduction to Cross-platform App Development](https://reader031.vdocument.in/reader031/viewer/2022030214/588b21e51a28abed688b4f47/html5/thumbnails/11.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?
![Page 12: Introduction to Cross-platform App Development](https://reader031.vdocument.in/reader031/viewer/2022030214/588b21e51a28abed688b4f47/html5/thumbnails/12.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?
![Page 13: Introduction to Cross-platform App Development](https://reader031.vdocument.in/reader031/viewer/2022030214/588b21e51a28abed688b4f47/html5/thumbnails/13.jpg)
[Mobile Apps]How to write once and run any where?
Hardware
Android
Apps
MAC Computer
iOS
Apps
Hardware
Windows Phone
Apps
![Page 14: Introduction to Cross-platform App Development](https://reader031.vdocument.in/reader031/viewer/2022030214/588b21e51a28abed688b4f47/html5/thumbnails/14.jpg)
[Mobile Apps]How to write once and run any where?
Hardware
Android
Apps
MAC Computer
iOS
Apps
Hardware
Windows Phone
Apps
Virtual Machine
![Page 15: Introduction to Cross-platform App Development](https://reader031.vdocument.in/reader031/viewer/2022030214/588b21e51a28abed688b4f47/html5/thumbnails/15.jpg)
[Web Apps on Mobile Devices]
Hardware
Android
Apps
MAC Computer
iOS
Apps
Hardware
Windows Phone
Apps
Browser BrowserBrowserVirtual Machine
![Page 16: Introduction to Cross-platform App Development](https://reader031.vdocument.in/reader031/viewer/2022030214/588b21e51a28abed688b4f47/html5/thumbnails/16.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 ⊲
![Page 17: Introduction to Cross-platform App Development](https://reader031.vdocument.in/reader031/viewer/2022030214/588b21e51a28abed688b4f47/html5/thumbnails/17.jpg)
How to get a native performance?⊳ “native”, What does this mean?⊲
[Welcome to next lecture]
![Page 18: Introduction to Cross-platform App Development](https://reader031.vdocument.in/reader031/viewer/2022030214/588b21e51a28abed688b4f47/html5/thumbnails/18.jpg)
Thanks for your attention