mobile software engineering crash course - c01 intro

55
Mohammad Shaker FIT of Damascus - AI dept. [email protected] Mobile SE – August 2012 Mobile Software Engineering L01 - Introduction

Upload: mohammad-shaker

Post on 01-Jul-2015

519 views

Category:

Education


1 download

TRANSCRIPT

Page 1: Mobile Software Engineering Crash Course - C01 Intro

Mohammad Shaker

FIT of Damascus - AI dept.

[email protected]

Mobile SE – August 2012

Mobile

Software

Engineering

L01 - Introduction

Page 2: Mobile Software Engineering Crash Course - C01 Intro

Why mobiles / tablets?!

Page 3: Mobile Software Engineering Crash Course - C01 Intro

web apps v. native apps

Page 4: Mobile Software Engineering Crash Course - C01 Intro

Apple vs Android vs the world

Page 5: Mobile Software Engineering Crash Course - C01 Intro

Core Chip

Page 6: Mobile Software Engineering Crash Course - C01 Intro

Market Share

August 6, 2012 @ http://www.businessinsider.com/android-market-share-in-the-us-2012-7

Page 7: Mobile Software Engineering Crash Course - C01 Intro

Apple slips, Android big winner in

China during Q2

August 3, 2012 @ http://news.cnet.com/8301-1035_3-57486377-94/apple-slips-android-big-winner-in-china-during-q2/

Page 8: Mobile Software Engineering Crash Course - C01 Intro

Android

Page 9: Mobile Software Engineering Crash Course - C01 Intro

Current Distribution

Visited: August 5, 2012

http://developer.android.com/about/dashboards/index.html

Page 10: Mobile Software Engineering Crash Course - C01 Intro

Historical Distribution

Visited: August 5, 2012

http://developer.android.com/about/dashboards/index.html

Page 11: Mobile Software Engineering Crash Course - C01 Intro

Screen Sizes and Densities

Visited: August 5, 2012

http://developer.android.com/about/dashboards/index.html

Page 12: Mobile Software Engineering Crash Course - C01 Intro

Open GL Version

Visited: August 5, 2012

http://developer.android.com/about/dashboards/index.html

Page 13: Mobile Software Engineering Crash Course - C01 Intro

iPhone 4S VSAndroid Jelly BeanVideo segment

Page 14: Mobile Software Engineering Crash Course - C01 Intro
Page 15: Mobile Software Engineering Crash Course - C01 Intro
Page 16: Mobile Software Engineering Crash Course - C01 Intro
Page 17: Mobile Software Engineering Crash Course - C01 Intro

HTML5

<!DOCTYPE html>

<html>

<head>

<title>hello, world</title>

</head>

<body>

hello, world

</body>

</html>

Page 18: Mobile Software Engineering Crash Course - C01 Intro

HTML5 and JavaScript

<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" href="styles.css">

<meta charset="utf-‐8">

<script src="scripts.js"></script>

<title>hello, world</title>

</head>

<body>

hello, world

</body>

</html>

Page 19: Mobile Software Engineering Crash Course - C01 Intro

JavaScript

<script type="text/JavaScript">

function loadFile(url)

{

var script = document.createElement('SCRIPT');

script.src = url;

document.getElementsByTagName('HEAD')[0].appendChild(script);

}

</script>

Page 20: Mobile Software Engineering Crash Course - C01 Intro

XML

Page 21: Mobile Software Engineering Crash Course - C01 Intro

XML Simple File

<note>

<to>Tove</to>

<from>Jani</from>

<heading>Reminder</heading>

<body>

Don't forget me this weekend!

</body>

</note>

Page 22: Mobile Software Engineering Crash Course - C01 Intro

Ajax and

XMLHttpRequest

Page 23: Mobile Software Engineering Crash Course - C01 Intro

Ajax

Page 24: Mobile Software Engineering Crash Course - C01 Intro

XMLHttpRequest

Page 25: Mobile Software Engineering Crash Course - C01 Intro

jQueryhttp://jquery.com/

Page 26: Mobile Software Engineering Crash Course - C01 Intro

Less code, better you!

Page 27: Mobile Software Engineering Crash Course - C01 Intro

Frameworks

• jQuery Mobile

• PhoneGap

• Sencha Touch

• xamarin

• … etc

Page 28: Mobile Software Engineering Crash Course - C01 Intro

http://phonegap.com/

Page 29: Mobile Software Engineering Crash Course - C01 Intro

Facebook now updates its code twice

every day

August 3, 2012 @ http://news.cnet.com/8301-1023_3-57486696-93/facebook-now-updates-its-code-twice-every-day/

Page 30: Mobile Software Engineering Crash Course - C01 Intro

Android 4.1

Jelly Bean

Page 31: Mobile Software Engineering Crash Course - C01 Intro

Enhanced Accessibility

Page 32: Mobile Software Engineering Crash Course - C01 Intro

International Users

Page 33: Mobile Software Engineering Crash Course - C01 Intro

Notifications!

Page 34: Mobile Software Engineering Crash Course - C01 Intro

Resizable app widgets

Page 35: Mobile Software Engineering Crash Course - C01 Intro

Games,

Page 36: Mobile Software Engineering Crash Course - C01 Intro

Games,It’s “Games” in case u didn’t get it :D

Page 37: Mobile Software Engineering Crash Course - C01 Intro

H.A.W.X

Page 38: Mobile Software Engineering Crash Course - C01 Intro

FIFA

Page 39: Mobile Software Engineering Crash Course - C01 Intro
Page 40: Mobile Software Engineering Crash Course - C01 Intro
Page 41: Mobile Software Engineering Crash Course - C01 Intro
Page 42: Mobile Software Engineering Crash Course - C01 Intro

Windows Phone and Nokia

Page 43: Mobile Software Engineering Crash Course - C01 Intro

Windows Phone and Nokia

Page 44: Mobile Software Engineering Crash Course - C01 Intro

Windows 8 Surface

Page 45: Mobile Software Engineering Crash Course - C01 Intro

Windows Metro

Page 46: Mobile Software Engineering Crash Course - C01 Intro

Windows Phone 8

Page 47: Mobile Software Engineering Crash Course - C01 Intro
Page 48: Mobile Software Engineering Crash Course - C01 Intro
Page 49: Mobile Software Engineering Crash Course - C01 Intro

References

Page 50: Mobile Software Engineering Crash Course - C01 Intro

Always with youhttp://developer.android.com/training

Page 51: Mobile Software Engineering Crash Course - C01 Intro
Page 52: Mobile Software Engineering Crash Course - C01 Intro
Page 53: Mobile Software Engineering Crash Course - C01 Intro
Page 54: Mobile Software Engineering Crash Course - C01 Intro

Attend Harvard’s

OpenCourseWare 2012!Building Mobile Applications, http://cs76.tv/2012/spring/

Mobile Software Engineering, http://cs164.tv/2012/spring/

Page 55: Mobile Software Engineering Crash Course - C01 Intro

Done!

Thx, See you next time