Mobile APPS & Frameworks
A Quick Development Prespective
Alexandre Marreiros
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:
Amarreiros@innovagency.com
Amarreiros@gmail.com
www.Innovagency.com
@alexmarreiros
http://pt.linkedin.com/pub/alexandre-marreiros
www.Digitalmindignition.com
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
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?
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?
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?
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?
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?
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?
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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.
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.
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.
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
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
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
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
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

pragmatic Mobile apps choices frameworks and dev

  • 1.
    Mobile APPS &Frameworks A Quick Development Prespective Alexandre Marreiros
  • 2.
    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: Amarreiros@innovagency.com Amarreiros@gmail.com www.Innovagency.com @alexmarreiros http://pt.linkedin.com/pub/alexandre-marreiros www.Digitalmindignition.com
  • 3.
    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
  • 4.
    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?
  • 5.
    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?
  • 6.
    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?
  • 7.
    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?
  • 8.
    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?
  • 9.
    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?
  • 10.
    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
  • 11.
    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
  • 12.
    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
  • 13.
    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
  • 14.
    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
  • 15.
    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
  • 16.
    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
  • 17.
    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
  • 18.
    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
  • 19.
    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
  • 20.
    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
  • 21.
    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
  • 22.
    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
  • 23.
    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
  • 24.
    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
  • 25.
    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
  • 26.
    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
  • 27.
    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
  • 28.
    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
  • 29.
    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
  • 30.
    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
  • 31.
    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
  • 32.
    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
  • 33.
    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
  • 34.
    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
  • 35.
    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
  • 36.
    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
  • 37.
    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
  • 38.
    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
  • 39.
    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
  • 40.
    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
  • 41.
    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
  • 42.
    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
  • 43.
    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
  • 44.
    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
  • 45.
    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.
  • 46.
    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.
  • 47.
    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.
  • 48.
    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
  • 49.
    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
  • 50.
    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
  • 51.
    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
  • 52.
    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