Embed Size (px)
DESCRIPTION
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.
Citation preview
EBEC Zagreb Dani inženjeraViktor Fonić, BEST Zagreb
Mobile Applications
iOS & Android
15%
45%
40%
Europe
8%
39% 53%
USA
iOS AndroidOthers Nokia
gs.statcounter.com
21%
15%
37%
27%
Worldwide
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 applicationsDeveloper tools
iOS
• XCode
• Objective-C
• CS193p Stanford
• WWDC videos
• iOS Simulator
Android
• Eclipse IDE
• Java
• Huge amount of tutorials
• Google I/O videos
• Android Emulator
Developer tools
XCode
• Great UI builder
• Integrated source control plugin
• Dedicated for iOS & OS X development
XCode
Eclipse
• XML UI builder
• Various plugins
• Dedicated for Java
Eclipse
Objective-C
• C-like language (actually nothing like you’ve seen before)
• Low-level (fast)
• Constantly improved by Apple
Objective-C
Java (Android)
• Java - objective-oriented language
• High-level (slower)
• Language developed by Oracle for general purpose
Java (Android)
Hybrid applications
• Sencha Touch
• PhoneGap
• Titanium
9%
91%
2012
Desktop Mobile
4%
96%
2011
gs.statcounter.com
14%
86%
2013
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)”><link rel=”stylesheet” href=”desktop.css”
media=”only screen and (min-width:769px)”>
<!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>
<input type=”...”>
emailurl
numberrangedate
search
<input type=”email”>
<input type=”url”>
<input type=”number”>
<input type=”tel”>
<input />
placeholderrequiredautofocus
id
<label for=”...”>
<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=”[email protected]” ><label for=”comment”>Komentar: </label>
<input type=”text” name=”comment”id=”comment” requiredplaceholder=”Upišite komentar” />
...</form>
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.foniclinkedin: viktor.fonic
