SlideShare uma empresa Scribd logo
1 de 52
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

Mais conteúdo relacionado

Destaque

Quick View of Angular JS for High School
Quick View of Angular JS for High SchoolQuick View of Angular JS for High School
Quick View of Angular JS for High SchoolAlexandre Marreiros
 
(re)Inverter a aprendizagem e a sala de aula com apps e mobile learning
(re)Inverter a aprendizagem e a sala de aula com apps e mobile learning(re)Inverter a aprendizagem e a sala de aula com apps e mobile learning
(re)Inverter a aprendizagem e a sala de aula com apps e mobile learningIdalina Lourido Santos
 
Lean Product Management - Testing & Validating Product Ideas
Lean Product Management - Testing & Validating Product IdeasLean Product Management - Testing & Validating Product Ideas
Lean Product Management - Testing & Validating Product IdeasShane Williamson
 
Using Content Marketing to Build a Brand with Purpose
Using Content Marketing to Build a Brand with PurposeUsing Content Marketing to Build a Brand with Purpose
Using Content Marketing to Build a Brand with PurposeBrian Honigman
 
The Future is Here: Messaging Apps are About to Revolutionize Marketing
The Future is Here: Messaging Apps are About to Revolutionize MarketingThe Future is Here: Messaging Apps are About to Revolutionize Marketing
The Future is Here: Messaging Apps are About to Revolutionize MarketingBrian Honigman
 

Destaque (9)

2016_03_03 EDIT GROWTH HACKING Luis Madureira
2016_03_03 EDIT GROWTH HACKING Luis Madureira2016_03_03 EDIT GROWTH HACKING Luis Madureira
2016_03_03 EDIT GROWTH HACKING Luis Madureira
 
Product Design Workflow
Product Design WorkflowProduct Design Workflow
Product Design Workflow
 
Quick View of Angular JS for High School
Quick View of Angular JS for High SchoolQuick View of Angular JS for High School
Quick View of Angular JS for High School
 
(re)Inverter a aprendizagem e a sala de aula com apps e mobile learning
(re)Inverter a aprendizagem e a sala de aula com apps e mobile learning(re)Inverter a aprendizagem e a sala de aula com apps e mobile learning
(re)Inverter a aprendizagem e a sala de aula com apps e mobile learning
 
Lean Product Management - Testing & Validating Product Ideas
Lean Product Management - Testing & Validating Product IdeasLean Product Management - Testing & Validating Product Ideas
Lean Product Management - Testing & Validating Product Ideas
 
Using Content Marketing to Build a Brand with Purpose
Using Content Marketing to Build a Brand with PurposeUsing Content Marketing to Build a Brand with Purpose
Using Content Marketing to Build a Brand with Purpose
 
Angular 2
Angular 2Angular 2
Angular 2
 
The Future is Here: Messaging Apps are About to Revolutionize Marketing
The Future is Here: Messaging Apps are About to Revolutionize MarketingThe Future is Here: Messaging Apps are About to Revolutionize Marketing
The Future is Here: Messaging Apps are About to Revolutionize Marketing
 
Atomic design
Atomic designAtomic design
Atomic design
 

Semelhante a Mobile APP Frameworks

Sistemas Embarcados Software Livre e IOT
Sistemas Embarcados Software Livre e IOTSistemas Embarcados Software Livre e IOT
Sistemas Embarcados Software Livre e IOTGustavo Ferreira Palma
 
Software fácil de usar não é difícil de programar
Software fácil de usar não é difícil de programarSoftware fácil de usar não é difícil de programar
Software fácil de usar não é difícil de programarHarlley Oliveira
 
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?mabuse h.d.
 
IHM- User Experience
IHM- User ExperienceIHM- User Experience
IHM- User ExperienceRocristina
 
Envolvendo usuários finais na concepção de produtos acessíveis
Envolvendo usuários finais na concepção de produtos acessíveisEnvolvendo usuários finais na concepção de produtos acessíveis
Envolvendo usuários finais na concepção de produtos acessíveisPaulo Melo
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceHorácio Soares
 
Usabilidade com Paper Prototype
Usabilidade com Paper PrototypeUsabilidade com Paper Prototype
Usabilidade com Paper Prototypeeudisnet
 
Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Horácio Soares
 
So aula 04_software
So aula 04_softwareSo aula 04_software
So aula 04_softwareRoney Sousa
 
Power Nita
Power NitaPower Nita
Power Nitanita
 
Tecnologias Abertas: Visão geral, mitos, produtividade e dinheiro no bolso
Tecnologias Abertas: Visão geral, mitos, produtividade e dinheiro no bolsoTecnologias Abertas: Visão geral, mitos, produtividade e dinheiro no bolso
Tecnologias Abertas: Visão geral, mitos, produtividade e dinheiro no bolsoRodrigo Calumby
 
Design de Interação - Capítulo 8 - Design, Prototipação e Construção -
Design de Interação - Capítulo 8 - Design, Prototipação e Construção - Design de Interação - Capítulo 8 - Design, Prototipação e Construção -
Design de Interação - Capítulo 8 - Design, Prototipação e Construção - Pedro de Vasconcellos
 

Semelhante a Mobile APP Frameworks (20)

Sharepoint dev preview
Sharepoint dev previewSharepoint dev preview
Sharepoint dev preview
 
Sistemas Embarcados Software Livre e IOT
Sistemas Embarcados Software Livre e IOTSistemas Embarcados Software Livre e IOT
Sistemas Embarcados Software Livre e IOT
 
Software fácil de usar não é difícil de programar
Software fácil de usar não é difícil de programarSoftware fácil de usar não é difícil de programar
Software fácil de usar não é difícil de programar
 
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
 
IHM- User Experience
IHM- User ExperienceIHM- User Experience
IHM- User Experience
 
Envolvendo usuários finais na concepção de produtos acessíveis
Envolvendo usuários finais na concepção de produtos acessíveisEnvolvendo usuários finais na concepção de produtos acessíveis
Envolvendo usuários finais na concepção de produtos acessíveis
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerce
 
SOFTWARE LIVRE
SOFTWARE LIVRESOFTWARE LIVRE
SOFTWARE LIVRE
 
Usabilidade com Paper Prototype
Usabilidade com Paper PrototypeUsabilidade com Paper Prototype
Usabilidade com Paper Prototype
 
Windows 8 dev Quest's
Windows 8 dev Quest'sWindows 8 dev Quest's
Windows 8 dev Quest's
 
Open Source 1
Open Source 1Open Source 1
Open Source 1
 
Op
OpOp
Op
 
Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013
 
So aula 04_software
So aula 04_softwareSo aula 04_software
So aula 04_software
 
Power Nita
Power NitaPower Nita
Power Nita
 
Aula 2 - A área de IHC
Aula 2 - A área de IHCAula 2 - A área de IHC
Aula 2 - A área de IHC
 
Tecnologias Abertas: Visão geral, mitos, produtividade e dinheiro no bolso
Tecnologias Abertas: Visão geral, mitos, produtividade e dinheiro no bolsoTecnologias Abertas: Visão geral, mitos, produtividade e dinheiro no bolso
Tecnologias Abertas: Visão geral, mitos, produtividade e dinheiro no bolso
 
Design de Interação - Capítulo 8 - Design, Prototipação e Construção -
Design de Interação - Capítulo 8 - Design, Prototipação e Construção - Design de Interação - Capítulo 8 - Design, Prototipação e Construção -
Design de Interação - Capítulo 8 - Design, Prototipação e Construção -
 
Hack2B Startups - UX?
Hack2B Startups - UX?Hack2B Startups - UX?
Hack2B Startups - UX?
 
2
22
2
 

Mais de Alexandre Marreiros

Xamarin devdays 2017 - PT - connected apps
Xamarin devdays 2017 - PT - connected appsXamarin devdays 2017 - PT - connected apps
Xamarin devdays 2017 - PT - connected appsAlexandre Marreiros
 
ASP.NEt MVC and Angular What a couple
ASP.NEt MVC and Angular What a coupleASP.NEt MVC and Angular What a couple
ASP.NEt MVC and Angular What a coupleAlexandre Marreiros
 
Jws masterclass progressive web apps
Jws masterclass progressive web appsJws masterclass progressive web apps
Jws masterclass progressive web appsAlexandre Marreiros
 
Pt xug xamarin pratices on big ui consumer apps
Pt xug  xamarin pratices on big ui consumer appsPt xug  xamarin pratices on big ui consumer apps
Pt xug xamarin pratices on big ui consumer appsAlexandre Marreiros
 
Gab2015 azure search as a service
Gab2015 azure search as a serviceGab2015 azure search as a service
Gab2015 azure search as a serviceAlexandre Marreiros
 
Pragmatic responsive web design industry session 7
Pragmatic responsive web design   industry session 7Pragmatic responsive web design   industry session 7
Pragmatic responsive web design industry session 7Alexandre Marreiros
 
Universal Apps Development using HTML 5 and WINJS
Universal Apps Development using HTML 5 and WINJSUniversal Apps Development using HTML 5 and WINJS
Universal Apps Development using HTML 5 and WINJSAlexandre Marreiros
 
Windows8.1 html5 dev paradigm discussion netponto
Windows8.1 html5 dev paradigm discussion netpontoWindows8.1 html5 dev paradigm discussion netponto
Windows8.1 html5 dev paradigm discussion netpontoAlexandre Marreiros
 
Microsoft PT TechRefresh html win8.1
Microsoft PT TechRefresh html win8.1 Microsoft PT TechRefresh html win8.1
Microsoft PT TechRefresh html win8.1 Alexandre Marreiros
 

Mais de Alexandre Marreiros (20)

Agular fromthetrenches2netponto
Agular fromthetrenches2netpontoAgular fromthetrenches2netponto
Agular fromthetrenches2netponto
 
Whats a Chat bot
Whats a Chat botWhats a Chat bot
Whats a Chat bot
 
Type of angular 2
Type of angular 2Type of angular 2
Type of angular 2
 
Xamarin devdays 2017 - PT - connected apps
Xamarin devdays 2017 - PT - connected appsXamarin devdays 2017 - PT - connected apps
Xamarin devdays 2017 - PT - connected apps
 
ASP.NEt MVC and Angular What a couple
ASP.NEt MVC and Angular What a coupleASP.NEt MVC and Angular What a couple
ASP.NEt MVC and Angular What a couple
 
Jws masterclass progressive web apps
Jws masterclass progressive web appsJws masterclass progressive web apps
Jws masterclass progressive web apps
 
Xamarin.forms
Xamarin.forms Xamarin.forms
Xamarin.forms
 
Pt xug xamarin pratices on big ui consumer apps
Pt xug  xamarin pratices on big ui consumer appsPt xug  xamarin pratices on big ui consumer apps
Pt xug xamarin pratices on big ui consumer apps
 
Get satrted angular js day 2
Get satrted angular js day 2Get satrted angular js day 2
Get satrted angular js day 2
 
Get satrted angular js
Get satrted angular jsGet satrted angular js
Get satrted angular js
 
Gab2015 azure search as a service
Gab2015 azure search as a serviceGab2015 azure search as a service
Gab2015 azure search as a service
 
Pragmatic responsive web design industry session 7
Pragmatic responsive web design   industry session 7Pragmatic responsive web design   industry session 7
Pragmatic responsive web design industry session 7
 
Boot strapandresponsiveintro
Boot strapandresponsiveintroBoot strapandresponsiveintro
Boot strapandresponsiveintro
 
WebSite development using WinJS
WebSite development using WinJSWebSite development using WinJS
WebSite development using WinJS
 
Universal Apps Development using HTML 5 and WINJS
Universal Apps Development using HTML 5 and WINJSUniversal Apps Development using HTML 5 and WINJS
Universal Apps Development using HTML 5 and WINJS
 
GWAB Mobile Services
GWAB Mobile ServicesGWAB Mobile Services
GWAB Mobile Services
 
Html5ignition newweborder
Html5ignition newweborderHtml5ignition newweborder
Html5ignition newweborder
 
Windows8.1 html5 dev paradigm discussion netponto
Windows8.1 html5 dev paradigm discussion netpontoWindows8.1 html5 dev paradigm discussion netponto
Windows8.1 html5 dev paradigm discussion netponto
 
Microsoft PT TechRefresh html win8.1
Microsoft PT TechRefresh html win8.1 Microsoft PT TechRefresh html win8.1
Microsoft PT TechRefresh html win8.1
 
Windows8.1overviewnetponto
Windows8.1overviewnetpontoWindows8.1overviewnetponto
Windows8.1overviewnetponto
 

Mobile APP Frameworks

  • 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