mobile app development
TRANSCRIPT
![Page 1: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/1.jpg)
MOBILEAPPDEVELOPMENT
![Page 2: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/2.jpg)
![Page 3: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/3.jpg)
MOBILE
![Page 4: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/4.jpg)
MOBILEAPP
![Page 5: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/5.jpg)
MOBILEAPPDEVELOPMENT
![Page 6: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/6.jpg)
INMINUTES
![Page 7: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/7.jpg)
INMINUTESOR LESS
![Page 8: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/8.jpg)
ANDA FEW SLIDES
Note: Some slides were removed as this presentation was initially made for internal use and more info was shared.
![Page 9: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/9.jpg)
MICROSOFT
![Page 10: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/10.jpg)
MICROSOFTGOOGLE
![Page 11: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/11.jpg)
MICROSOFTGOOGLEAPPLE
![Page 12: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/12.jpg)
RECOMMENDWEB TECHNOLOGIESAND CUSTOM UI/UX
![Page 13: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/13.jpg)
IN FACTTOP APPS IN 2014SELECTED BY APPLE
![Page 14: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/14.jpg)
ALL FOLLOW THISRECOMMENDATION
![Page 15: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/15.jpg)
ALL FOLLOW THISRECOMMENDATION
![Page 16: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/16.jpg)
ALL FOLLOW THISRECOMMENDATION
![Page 17: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/17.jpg)
ALL FOLLOW THISRECOMMENDATION
![Page 18: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/18.jpg)
ALL FOLLOW THISRECOMMENDATION
![Page 19: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/19.jpg)
SOHTML, CSS, JS & C#IS WHAT WE USED
![Page 20: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/20.jpg)
MAKINGOUR CODESIMPLE
![Page 21: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/21.jpg)
MAKINGOUR CODEREUSABLE
![Page 22: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/22.jpg)
MAKINGOUR CODEFUTURE PROOF
![Page 23: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/23.jpg)
CONSIDER ATYPICAL APPWE MADE
![Page 24: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/24.jpg)
VISUAL STUDIOSOLUTION(USING XAMARIN)CONSISTS OF…
Note: Some info censored from the screenshots as this presentation was initially made for internal use and more info was shared.
![Page 25: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/25.jpg)
AN ANDROIDPROJECTHAVING ONLYANDROID SPECIFICCODE
![Page 26: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/26.jpg)
AN iOSPROJECTHAVING ONLYiOS CODE
![Page 27: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/27.jpg)
UNIVERSALLY SHAREDPROJECTWITH THE CODE SHAREDBETWEENANDROIDAND iOS APPS
![Page 28: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/28.jpg)
WEB SERVICEPROJECTWITH THEAPICODE CALLED FROMTHE MOBILE APPS
![Page 29: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/29.jpg)
DB ACCESS PROJECTUSINGENTITY FRAMEWORKTO ACCESSTHE DATABASEUSED BY THEWEB SERVICE
![Page 30: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/30.jpg)
SHARED MODELSPROJECTWITH ONLY THEPOCO MODELSUSED BY BOTH THE WEB SERVICE ANDTHE MOBILE APPS
![Page 31: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/31.jpg)
LINES OF C# CODENOT REUSABLEBETWEEN MOBILE APPS
![Page 32: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/32.jpg)
ALL C# CODE(EXCEPT 460 LINES)IS THE SAME
![Page 33: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/33.jpg)
ALL JS CODEIS THE SAME
![Page 34: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/34.jpg)
ALL CSS SCRIPTSARE THE SAME
![Page 35: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/35.jpg)
ALL IMAGESARE THE SAME
![Page 36: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/36.jpg)
SO WHAT ARETHE DIFFERENCES
![Page 37: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/37.jpg)
![Page 38: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/38.jpg)
IMPORTING LIBRARIES
![Page 39: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/39.jpg)
IMPORTING LIBRARIESINITIALIZING VIEWS
![Page 40: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/40.jpg)
IMPORTING LIBRARIESINITIALIZING VIEWS
PREFERENCES / STATE
![Page 41: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/41.jpg)
IMPORTING LIBRARIESINITIALIZING VIEWSLOCALIZATION
PREFERENCES / STATE
![Page 42: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/42.jpg)
IMPORTING LIBRARIESINITIALIZING VIEWSLOCALIZATION
WEB SERVICE ACCESS
PREFERENCES / STATE
![Page 43: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/43.jpg)
IMPORTING LIBRARIESINITIALIZING VIEWSLOCALIZATION
WEB SERVICE ACCESS
PREFERENCES / STATE
LOCATION
![Page 44: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/44.jpg)
protected override voidOnCreate (…)
// set view from the "main“ layout resource
// use sub classed WebViewClient tointercept hybrid native calls
// read preferences// localization// detect the language on the phone
// render the view
// load the rendered HTMLinto the view with a baseURL that points to the rootof the bundled Assets folder
![Page 45: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/45.jpg)
private static LocalizationModelGetLocalizedStrings(...Resources r)
// read strings
![Page 46: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/46.jpg)
// accessing services
private static ……() {}
![Page 47: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/47.jpg)
public class HybridWebViewClient :WebViewClient{ public override void OnPageFinished (WebView view, String url) {} public override bool ShouldOverrideUrlLoading (WebView webView, string url) {
// if the URL is not our own custom scheme, just let the webView load the URL as usual
// this handler will treat everything between the protocol and "?" as the method name. the query string has all of the parameters.
// save state}
![Page 48: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/48.jpg)
// INFO simply read these two variableswhen you need them
static string latitude = "0";static string longitude = "0";
![Page 49: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/49.jpg)
protected override void OnPause() {// stop sending location updates whenthe application goes into the background}
// OnResume gets called every time theactivity starts, so we'll put ourRequestLocationUpdates code here
protected override void OnResume() {// initialize location manager// this will determine the best providerat application launch.// once the provide has been set itwill stay the same until the next timethis method is called}
![Page 50: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/50.jpg)
// from ILocationListenerpublic void OnLocationChanged(Location location) {}
public void OnProviderDisabled(string provider) {// INFO location disabled by the user}
public void OnProviderEnabled(string provider) {// INFO location enabled by the user}
public void OnStatusChanged(string provider, Availability status,Bundle extras) {// INFO location availability changed}
![Page 51: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/51.jpg)
public override void OnBackPressed() {}
// handle specific hardware navigation
![Page 52: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/52.jpg)
HARDWARE& SOFTWARE
![Page 53: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/53.jpg)
VISUAL STUDIOXAMARIN
![Page 54: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/54.jpg)
ANDROID & iOS DEVICESPHONES AND TABLETS
![Page 55: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/55.jpg)
WINDOWS PCSMACS
![Page 56: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/56.jpg)
ANDROID EMULATORSiOS EMULATOR
![Page 57: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/57.jpg)
THANK YOU!
![Page 58: Mobile App Development](https://reader030.vdocument.in/reader030/viewer/2022032506/55cdf203bb61ebee068b45b2/html5/thumbnails/58.jpg)
THANK YOU!ANY QUESTIONS?