Mobile Applications
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Mobile Applications

  • 1,330 views
Uploaded 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.

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.

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,330
On Slideshare
1,330
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
55
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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