EBEC Zagreb Dani inženjera Viktor Fonić, BEST Zagreb Mobile Applications
Mobile Applications
Jan 13, 2015
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.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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
Related Documents
