mobile applications and cloud computingberaldi/macc_19/01_introduction_ok_09.pdf · mobile app...
TRANSCRIPT
![Page 1: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/1.jpg)
MOBILE APPLICATIONS AND CLOUD COMPUTINGRoberto Beraldi
![Page 2: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/2.jpg)
Course Outline• 6 CFUs• http://www.dis.uniroma1.it/~beraldi/MACC• Topics:
• Mobile application programming • à Mobile web sites /Hybrid/Native android
• Cloud computing • à used as a backend for mobile apps
• Technology spot light • Exam:
• Design and develop a mobile application• About 70% of the final score (see example)
• Answer to 3 general questions• They are a necessary condition (it is a flag)
![Page 3: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/3.jpg)
About your project• Propose the application to be developed (via form) • After acceptance start to develop• FAQ are available on the site• Free to use other technology beyond what seen during the
lectures• Two examples (video and github)
![Page 4: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/4.jpg)
Mobile application and main technologies
Front-end
Back-end
Storage CloudService
Web-API
![Page 5: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/5.jpg)
Mobile application and main technologies
Front-end
Back-end
Storage
![Page 6: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/6.jpg)
Mobile application and main technologies
Front-end
Back-end
Storage
Kotlintitanium
nativescript
![Page 7: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/7.jpg)
Mobile application and main technologies
Front-end
Back-end
Storage
Kotlintitanium
nativescript
![Page 8: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/8.jpg)
Mobile application and main technologies
CloudService
Web-API
![Page 9: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/9.jpg)
Aside…• Thesis available, pls ask
![Page 10: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/10.jpg)
Key terms• Mobile Application à
• An application running on a "mobile device" à smartphone
• Cloud computing à• A way to deliver remote virtual resources through internet
• virtual machines • storage space • software platform• Software libraries (web api) • data – e.g. open data, etc..
![Page 11: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/11.jpg)
Smartphone and application usage
• # people 7.6 billion• # phones = 0.34 x 7.6 = 22,25• # download = 205.4 billion • # download per user per year
= 9.2• # new installations per mounth
per user < 1
![Page 12: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/12.jpg)
Why mobile app are different from desktop• Average number of installed applications ≅ 35 • Percentage of apps used per day ≅ 26 %• Very easy to install an application
• Crash (no second change)• Bad UX (User eXperience)• Slow
• Design UI is important• No Bugs (impossible) à TESTING
![Page 13: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/13.jpg)
A big picture• Digital world (digital society)• Cyberspace• 5G• IoT• Data Mining, AI, AR• Cloud/Fog/Edge/Mist Computing• Kwowldge: API for AI, vision, tensorFlow, Recognition• Place (from IP geocoding to Maps)• Open Data
![Page 14: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/14.jpg)
A big picture
![Page 15: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/15.jpg)
Smartphone market
![Page 16: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/16.jpg)
Worldwide Mobile web traffic share
Source: www.statista.comhttp://gs.statcounter.com/platform-market-share/desktop-mobile-tablet
![Page 17: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/17.jpg)
Smarthone operating systems
![Page 18: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/18.jpg)
Duopoly• Android (Google)
• Android Open Source Project (AOSP)• New versions lead by Google
• Producers customize the new versions to their device• May take a while
• Many marketplaces
• iOS (Apple)• Single official source• Single marketplace
![Page 19: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/19.jpg)
Available apps (iOS vs Android)
![Page 20: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/20.jpg)
Application publishers
Source: appAnnie
![Page 21: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/21.jpg)
App categories
App in May 2018. 33 categories in Google Play, 24 in Apple’s App store
![Page 22: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/22.jpg)
Installing an app• Average number of installed applications ≅ 36• Percentage of apps used per day ≅ 26 %
Souce: think with Google 2015
![Page 23: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/23.jpg)
Why apps do have success?• Solve a problem (do something with less effort)
• Focused on a real problem • Have fun
• Provide Sense of achievement-engagment• GAMIFICATION
![Page 24: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/24.jpg)
Why app do not have success?• App performance issues:
• Long load times• Long registration processes• Features that are difficult to access
• Bad user experience:• UI depends and navigation may depend on the the platform:
• swipe gestures, back-button, etc.• Improper testing
• A user will hardly give a second change to an app thatcrashes
• Example of bad site
![Page 25: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/25.jpg)
Smartphone as a disruptive technology• A distruptive technology is a technology which brings great
changes in market and replaces the existing technology.• Examples:• landline phones• pagers• digital cameras• portable music players• portable game players• portable video players• portable navigation and devices
![Page 26: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/26.jpg)
![Page 27: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/27.jpg)
Smarthphone as innovation [some example]• Media:
• Traditional media, including TV, radio, and newspapers, are adapting their channels
• print media (such as books and magazines)
• Banking • Traditional banking to Home banking• Mobile payement
• Entrateniment
![Page 28: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/28.jpg)
Digitalization• Decuple information from physical support• For example: content of a book from paper, music from
a tape, etc.• Marginal cost is virtually zero• Notion of ‘original’ changes• Digital signature• Uniqueness (blockchain)
![Page 29: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/29.jpg)
Smarthphone and e-commerce• Smartphones are increasingly being used for shopping: either browsing
for products, comparing prices or during shopping itself.
• Traditional retailers who do not adapt to the new buying patterns of the current generation of shoppers face the risk of losing out to other retailers who are innovative.
• Some forecasts predict brick-and-mortar retails will close in the next future
• Innovations in Retail space include: • online to offline (O2O) strategy, • in-store apps • proximity technologies.
• Sharing economy
• Crowdsourcing
![Page 30: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/30.jpg)
Smarthpone and society• They have greatly changed everything in our lives
including how we shop, how we spend our time, how weorganize our lives, and how we connect with other people.
• Twitter revolution (?)• Democracy 2.0 ? • Opinions (sentiment analysis)• Closed group of people that share the same convicement
![Page 31: MOBILE APPLICATIONS AND CLOUD COMPUTINGberaldi/MACC_19/01_Introduction_OK_09.pdf · Mobile app classification [based on …] • Web-site for mobile devices: • deliver web content](https://reader035.vdocument.in/reader035/viewer/2022063011/5fc5952bc32d6360586e3602/html5/thumbnails/31.jpg)
Mobile app classification [based on …]• Web-site for mobile devices:
• deliver web content to mobile devices, using web site style navigation
• Web app: • web application that mimics native apps look and feel as well as
navigation
• Native apps:• Applications installed on the devices, purched from app stores
• Hybrid app:• Mix web and native applicsations
• [Native] Native applications:• Direct access to C/C++ libraries