Your SlideShare is downloading. ×
0
Mobile Applications           EBEC Zagreb Dani inženjera             Viktor Fonić, BEST Zagreb
iOS & Android
Worldwide          Europe                   USA                    15%                      8%  21%     27%               ...
Becoming a developer
• $99 / year• Requires Mac
• $25 one-time• Dev-tools work cross-platform
Application types• Native applications• Web applications• Hybrid applications
Native applications
Web applications
Hybrid applications
Native applications Developer tools
Developer tools    iOS                   Android•   XCode             •   Eclipse IDE•   Objective-C       •   Java•   CS1...
XCode
XCode• Great UI builder• Integrated source control plugin• Dedicated for iOS & OS X development
Eclipse
Eclipse• XML UI builder• Various plugins• Dedicated for Java
Objective-C
Objective-C• C-like language (actually nothing like you’ve  seen before)• Low-level (fast)• Constantly improved by Apple
Java (Android)
Java (Android)• Java - objective-oriented language• High-level (slower)• Language developed by Oracle for general  purpose
Hybrid applications• Sencha Touch• PhoneGap• Titanium
2011        2012                 20134%          9%                  14% 96%             91%                  86%       De...
HTML5
Progressive   enhancement          /Graceful degradation
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!doctype html>
<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)...
<!doctype html><html lang=”hr”> <meta charset=”utf-8”> <meta name=”viewport” content=”width=device- width, initial-scale=1...
<input type=”...”>        email         url      number       range        date       search
<input type=”email”>
<input type=”url”>
<input type=”number”>
<input type=”tel”>
<input />placeholder  required autofocus     id
<label for=”...”>
<form action=”index.html” method=”post”>  <label for=”name”>Ime i prezime: </label>      <input type=”text” name=”name” id...
Video
<video src=”video/trailer.mp4” controls=”true”poster=”picture.jpg” width=”300” height=”200” />
CSS3
Normalize & Reset
Links
Pagination
Pagination
JavaScript
jQTouch, Wink, NimbleKit, Titanium, M-Project,...
Publishing an app• App Store - 3-4 week for app approval• Google Play - couple of hours
App revenues• App Store - 70%• Google Play - 70%
311% > 12.9%
Final thoughts• iOS is still no.1• Android is catching up• Windows Phone also• Don’t exclude BlackBerry
Thank you!                Viktor Fonić             twitter: @vfonic        facebook: viktor.fonic          linkedin: vikto...
Mobile Applications
Mobile Applications
Mobile Applications
Mobile Applications
Upcoming SlideShare
Loading in...5
×

Mobile Applications

1,072

Published on

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.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,072
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
62
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Mobile Applications"

  1. 1. Mobile Applications EBEC Zagreb Dani inženjera Viktor Fonić, BEST Zagreb
  2. 2. iOS & Android
  3. 3. Worldwide Europe USA 15% 8% 21% 27% 40%15% 39% 53% 45% 37% iOS Android Others Nokia gs.statcounter.com
  4. 4. Becoming a developer
  5. 5. • $99 / year• Requires Mac
  6. 6. • $25 one-time• Dev-tools work cross-platform
  7. 7. Application types• Native applications• Web applications• Hybrid applications
  8. 8. Native applications
  9. 9. Web applications
  10. 10. Hybrid applications
  11. 11. Native applications Developer tools
  12. 12. 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
  13. 13. XCode
  14. 14. XCode• Great UI builder• Integrated source control plugin• Dedicated for iOS & OS X development
  15. 15. Eclipse
  16. 16. Eclipse• XML UI builder• Various plugins• Dedicated for Java
  17. 17. Objective-C
  18. 18. Objective-C• C-like language (actually nothing like you’ve seen before)• Low-level (fast)• Constantly improved by Apple
  19. 19. Java (Android)
  20. 20. Java (Android)• Java - objective-oriented language• High-level (slower)• Language developed by Oracle for general purpose
  21. 21. Hybrid applications• Sencha Touch• PhoneGap• Titanium
  22. 22. 2011 2012 20134% 9% 14% 96% 91% 86% Desktop Mobile gs.statcounter.com
  23. 23. HTML5
  24. 24. Progressive enhancement /Graceful degradation
  25. 25. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  26. 26. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  27. 27. <!doctype html>
  28. 28. <meta charset=”utf-8”>
  29. 29. <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1”>
  30. 30. <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)”>
  31. 31. <!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>
  32. 32. <input type=”...”> email url number range date search
  33. 33. <input type=”email”>
  34. 34. <input type=”url”>
  35. 35. <input type=”number”>
  36. 36. <input type=”tel”>
  37. 37. <input />placeholder required autofocus id
  38. 38. <label for=”...”>
  39. 39. <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>
  40. 40. Video
  41. 41. <video src=”video/trailer.mp4” controls=”true”poster=”picture.jpg” width=”300” height=”200” />
  42. 42. CSS3
  43. 43. Normalize & Reset
  44. 44. Links
  45. 45. Pagination
  46. 46. Pagination
  47. 47. JavaScript
  48. 48. jQTouch, Wink, NimbleKit, Titanium, M-Project,...
  49. 49. Publishing an app• App Store - 3-4 week for app approval• Google Play - couple of hours
  50. 50. App revenues• App Store - 70%• Google Play - 70%
  51. 51. 311% > 12.9%
  52. 52. Final thoughts• iOS is still no.1• Android is catching up• Windows Phone also• Don’t exclude BlackBerry
  53. 53. Thank you! Viktor Fonić twitter: @vfonic facebook: viktor.fonic linkedin: viktor.fonic
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×