Your SlideShare is downloading. ×
Mobile Applications
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Mobile Applications

1,024
views

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.

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,024
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
62
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