Mobile App Development Trends and Technologies
•
0 j'aime•1,309 vues
These are the slides from the presentation that I gave at my faculty in Zagreb, Croatia on Mar 20th 2013. The topic was Mobile Applications.
Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à Mobile App Development Trends and Technologies
Similaire à Mobile App Development Trends and Technologies (20)
Dernier
Dernier (20)
Mobile App Development Trends and Technologies
- 1. Mobile Applications EBEC Zagreb Dani inženjera Viktor Fonić, BEST Zagreb
- 3. Worldwide Europe USA 15% 8% 21% 27% 40% 15% 39% 53% 45% 37% iOS Android Others Nokia gs.statcounter.com
- 6. • $99 / year • Requires Mac
- 8. • $25 one-time • Dev-tools work cross-platform
- 9. Application types • Native applications • Web applications • Hybrid applications
- 11. Web applications
- 13. Native applications Developer tools
- 14. Developer tools iOS Android • XCode • Eclipse IDE • Objective-C • Java • CS193p Stanford • Huge amount of tutorials • WWDC videos • Google I/O videos • iOS Simulator • Android Emulator
- 15. XCode
- 16. XCode • Great UI builder • Integrated source control plugin • Dedicated for iOS & OS X development
- 17. Eclipse
- 18. Eclipse • XML UI builder • Various plugins • Dedicated for Java
- 19. Objective-C
- 20. Objective-C • C-like language (actually nothing like you’ve seen before) • Low-level (fast) • Constantly improved by Apple
- 21. Java (Android)
- 22. Java (Android) • Java - objective-oriented language • High-level (slower) • Language developed by Oracle for general purpose
- 23. Hybrid applications • Sencha Touch • PhoneGap • Titanium
- 24. 2011 2012 2013 4% 9% 14% 96% 91% 86% Desktop Mobile gs.statcounter.com
- 25. HTML5
- 26. Progressive enhancement / Graceful degradation
- 27. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd">
- 28. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd">
- 29. <!doctype html>
- 31. <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1”>
- 32. <link rel=”stylesheet” href=”style.css”> <link rel=”stylesheet” href=”tablet.css” media=”only screen and (min-width: 481px)”> <link rel=”stylesheet” href=”desktop.css” media=”only screen and (min-width:769px)”>
- 33. <!doctype html> <html lang=”hr”> <meta charset=”utf-8”> <meta name=”viewport” content=”width=device- width, initial-scale=1, maximum-scale=1”> <link rel=”stylesheet” href=”style.css”> <link rel=”stylesheet” href=”tablet.css” media=”only screen and (min-width: 481px)”> <link rel=”stylesheet” href=”desktop.css” media=”only screen and (min-width:769px)”> .... .... </html>
- 34. <input type=”...”> email url number range date search
- 39. <input /> placeholder required autofocus id
- 41. <form action=”index.html” method=”post”> <label for=”name”>Ime i prezime: </label> <input type=”text” name=”name” id=”name” required placeholder=”e.g. Jack Daniel’s” /> <label for=”email”>Email: </label> <input type=”email” name=”email” id=”email” required placeholder=”mail@mail.com” > <label for=”comment”>Komentar: </label> <input type=”text” name=”comment” id=”comment” required placeholder=”Upišite komentar” /> ... </form>
- 42. Video
- 43. <video src=”video/trailer.mp4” controls=”true” poster=”picture.jpg” width=”300” height=”200” />
- 44. CSS3
- 46. Links
- 47. Pagination
- 48. Pagination
- 49. JavaScript
- 51. jQTouch, Wink, NimbleKit, Titanium, M-Project,...
- 52. Publishing an app • App Store - 3-4 week for app approval • Google Play - couple of hours
- 53. App revenues • App Store - 70% • Google Play - 70%
- 55. 311% > 12.9%
- 56. Final thoughts • iOS is still no.1 • Android is catching up • Windows Phone also • Don’t exclude BlackBerry
- 57. Thank you! Viktor Fonić twitter: @vfonic facebook: viktor.fonic linkedin: viktor.fonic