52
Mobile APPS & Frameworks A Quick Development Prespective Alexandre Marreiros

pragmatic Mobile apps choices frameworks and dev

Embed Size (px)

DESCRIPTION

A presentation aboutvthe status quo of mobile development. This presentation presents the diferente options we have when talking about mobile development and the trends associated with thatvdevelopment. The presentation also focus on the archotexture of the major os brands in the mobile market (Microsoft,aple,android).

Citation preview

Page 1: pragmatic Mobile apps choices frameworks and dev

Mobile APPS & FrameworksA Quick Development Prespective

Alexandre Marreiros

Page 2: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

2

About Me

Alexandre Marreiros

Technical and Production Director CTO @ INNOVAGENCY

Technical Trainer and Speaker as Self Employee

Teacher @ EDIT

Aplicational and Web, Architect and Developer

Contacts:

[email protected]@gmail.comwww.Innovagency.com@alexmarreiroshttp://pt.linkedin.com/pub/alexandre-marreiroswww.Digitalmindignition.com

Page 3: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

3

AGENDA

1. What’s Mobile

2. UX

3. The Mobile APPs Development Mindset

4. Knowing the Framework’s & Options

5. Questions

Page 4: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

4

What’s Mobile?

SmartPhones

Page 5: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

5

What’s Mobile?

Tablet’s

Page 6: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

6

What’s Mobile?

Laptop’s

Page 7: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

7

What’s Mobile?

Ecosystem

Page 8: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

8

What’s Mobile?

Page 9: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

9

What’s Mobile?

Page 10: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

10

UX

“User experience (UX) involves a person's emotions about using a particular product, system or service. User experience highlights the experiential, affective, meaningful and valuable aspects of human-computer interaction and product ownership. Additionally, it includes a person’s perceptions of the practical aspects such as utility, ease of use and efficiency of the system. User experience is subjective in nature because it is about individual perception and thought with respect to the system. User experience is dynamic as it is constantly modified over time due to changing circumstances and new innovations.”

,From Wikipedia

Page 11: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

11

USER

Page 12: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

12

USER

Page 13: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

13

Technical Aproach

Page 14: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

14

What App developer’s are doing

UX & Design development

SW Design

and Development

Testing in

multiple

devices

APP Certification

Learning

with the

Market

Porting to new

platforms

Page 15: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

15

What App developer’s are doing

Page 16: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

16

Work Platforms

Page 17: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

17

Other Platforms

The Browser is the most used app and with modern browser’s & HTML 5 computer’s smartphones tablet’s and Tv’s all are speaking the same language

Page 18: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

18

Developer Options

Page 19: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

19

Exploring Options

Page 20: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

20

Exploring Options

Page 21: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

21

Exploring Options

Page 22: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

22

Exploring Options

Page 23: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

23

Exploring Options

Page 24: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

24

Exploring Options

Same aproach to other Mobile Platforms suported by PhoneGap

Page 25: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

25

Exploring Options

Page 26: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

26

Exploring Options

Page 27: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

27

Exploring Options

Page 28: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

28

Exploring Options

Responsive Thinking Making Web Mobile

& User Friendly

Page 29: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

29

Exploring Options

Native Platform

Page 30: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

30

Exploring Options

- One Development Framework, a closed development enviroment

- The development is made based on Objective C

- The Model View Controller is sugested directly by the framework as development aproach

- The framework creator is the device creator

Page 31: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

31

Exploring Options

Page 32: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

32

Exploring Options

IOS stack

Page 33: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

33

Exploring Options

IOS app Lifetime

Page 34: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

34

Exploring Options

- One Development Framework, OpenSource

- Versioning problem

- Developed using Java

- Android VM is not the common Java Virtual Machine

Page 35: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

35

Exploring Options

Android Runtime

Page 36: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

36

Exploring Options

Android app Lifetime

Page 37: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

37

Exploring Options

- 2 diferent frameworks one on Mobile other in Computer’s and Tablet’s (Windows 8 and Windows Phone 8)

- In the Mobile development is made using XAML

- In Computer’s and Tablet’s support for development using XAMl or HTML5 with JS

- In the Computer’s Touch is a first citizen just like Keyboard and Mouse

- Flat Design center on User

Page 38: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

38

Exploring Options

Page 39: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

39

Exploring Options

Windows 8 Runtime

Page 40: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

40

Exploring Options

Windows 8 UX

Page 41: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

41

Exploring Options

Windows 8 app Lifecycle

Page 42: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

42

Exploring Options

Windows 8 UX

Page 43: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

43

Tips & Tricks

The type of services you consume should be analyse.

Rest is better for mobile frameworks but Soap sometimes can be a option

Page 44: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

44

Tips & Tricks

Choose the kind of development patterns that allow you to easily spare the diferente part of your app.

MVC and his variants are the ones who are more adapted to the Mobile platforms

Page 45: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

45

Tips & Tricks

Remember the user can have multiple devices and if your app lives in the diferente devices, promoting aplication sync in diferente devices allow a contínuos and cross platform usage of your app.

Page 46: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

46

Tips & Tricks

Keep your app alive use push notifications and other identical mechanisms to maximize the usage of your app.

Page 47: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

47

Tips & Tricks

When porting your app to diferent OS remembre always that each OS have is type of user, ux and expectation. Your app Should be fully adapted.

Page 48: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

48

Tips & Tricks

Your app is made for touch, so do all the efforts to make a app that is fast, fluid and easy to use.

More emersive with the OS app’s are easy for the user to interact

Page 49: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

49

Tips & Tricks

Mantain yourself User & Technical Centric

Page 50: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

50

Tips & Tricks

Remember always the basics about real world solutions development

Page 51: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

51

Page 52: pragmatic Mobile apps choices frameworks and dev

Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.

52