IBM Mobile Platform: Desenvolvimento de Aplicações Mobile

Confidential | Date | Other Information, if necessary © 2005 IBM Corporation
IBM Mobile Platform
Agosto/2013
Global Business Services
© 2013 IBM Corporation

Alex Barbosa Coqueiro
Currículo Profissional:
 Trabalho na IBM desde 2001 e atualmente exerço a função de Arquiteto;
 Ministro aulas na FIAP desde 2005;
 Atuei nas funções de arquiteto de software, especialista técnico, analista de sistemas e programador;
 Experiência em projetos em diversos segmentos de mercado como financeiro, telecomunicações e energia elétrica;
Certificações:
 Arquitetura (TOGAF 9 Certified, Open Group Certified Architect, Sun Certified Enterprise Architect, IBM Cloud Computing
Architecture Solution Advisor, IBM On Demand Solution Designer, IBM SOA Solution Designer)
 Governança e Processos (ITIL V3 Expert Certified, CobiT V4.1 Certified, ISO/IEE 20000 Certified, OMG Certified Expert in
BPM - OCEB Fundamental)
 Java (Sun Certified Java Programmer, Sun Certified Web Componentes Developer)
 IBM Software Certified (WebSphere Application Server, WebSphere Portal Server, Lotus Forms, DB2 Universal Database,
Rational System Architect)
http://www.linkedin.com/in/alexbc
http://portal-ibm.blogspot.com
@alexbcbr

Agenda
 Mobile como Visão Estratégica
 Abordagens de Desenvolvimento
 IBM Mobile First
 Ciclo de Vida de Desenvolvimento
 Cognos BI
 Worklight
 Tivoli Endpoint Manager for Mobile
 Teleaf
 Integração de Mobilidade com Legado

Futurólogo “Ray Kurzwell”
Uma criança na África com um
smartphone tem acesso a mais
informações que o Presidente dos
Estados Unidos 15 anos atrás.

The Nexus of Forces (Gartner Group)

Tesco Home Plus
http://www.telegraph.co.uk/technology/mobile-phones/8601147/Tesco-builds-virtual-shops-for-Korean-commuters.html

© 2013 IBM Corporation8
Pão de Açucar - Prateleira Virtual

Panorama de Plataformas

Estratégias de Desenvolvimento
 Aplicação nativa: o dispositivo cliente executa parte ou a totalidade
do processamento, com participação mínima ou inexistente por parte
do servidor. O cliente trata da apresentação e das funções.
– Necessário suporte de aplicação local
– Pode operar em modo on-line e off-line
– Sofre influência das limitações do dispositivo por apresentar um grau de
dependência com o sistema hospedeiro
– Pode armazenar e processar dados localmente
– Pode implementar mecanismos de otimização de trafego e com isso
reduzir os dados trafegados na banda
 Tecnologias:
– Java, Objetive C
– MMS (Multimedia SMS)
– SMS

Ola Mundo com Objective-C
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:
(NSDictionary *)launchOptions {
// Criar um label
UILabel* meuLabel = [[UILabel alloc] init];
// Setar o texto do label
meuLabel.text = @"Ola Mundo";
// Definir posição e tamanho do label
meuLabel.frame = CGRectMake(10, 10, 300, 50);
// Adicionar o label à janela do iPhone
[window addSubview:meuLabel];
// Reduzir o retain count do objeto
[meuLabel release];
// Mostrar a janela
[window makeKeyAndVisible];
return YES;
}

Ola Mundo com Java Android
public class HelloAndroid extends Activity {
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// Criar objeto para visualização de texto
TextView tv = new TextView(this);
//* Setar o texto do objeto
tv.setText("Ola Mundo");
//* Apresentar o objeto da tela
setContentView(tv);
}
}

 Thin-client (aplicação web): é um termo geral para nomear qualquer
dispositivo que para ser operado necessite de um Servidor de
Terminais.
– Uso massivo de browser (micro-browser)
– Pode operar apenas enquanto houver conexão disponível
– Possui um bom grau de independência do dispositivo
– Todo o dado que trafega é passível de cobrança
– Não armazena dados localmente
– Possível identificar aparelho por meio do user-agent do micro browser
 Tecnologias
– Markup languages (HTML5, xHTML-MP, WML, cHTML, HTML)
– Javascript frameworks (Jquery Mobile, Dojo Mobile, Zepto, hammer.js, jQTouch)
– CSS

Ola Mundo com Web
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8"/>
<link href="jquery.mobile-1.3.1.min.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.9.1.min.js"></script>
<script src="jquery.mobile-1.3.1.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header" data-theme="a">
<h1>Minha App de Celular</h1>
</div>
<div data-role="content">
<p>Ola Mundo</p>
</div>
<div data-role="footer">
<h4>GBS</h4>
</div>
</div>
</body>
</html>

 Híbrida: a aplicação nativa instalado no dispositivo do cliente é
responsável por invocar a aplicação Web que mistura o
processamento de dados localmente e remotamente.
– Necessário suporte de aplicação local
– Pode operar em modo on-line e off-line
– Pode invocar alguns serviços locais
– Usabilidade muito semelhante a de aplicações nativas
 Tecnologias:
– Java, Objetive C, HTML5, CSS,
– Javascript frameworks (Worklight, Sencha, PhoneGap, Apache Cordova)

Ola Mundo Hibrido

Ola Mundo – Outra Opção

IBM Mobile Lifecycle

Apoiar o business
com mobile centric
para clientes e
funcionários
Melhorar a eficiência
operacional e reduzir
os custos
Prover uma melhor
experiência ao cliente
Habilitar novos
serviços e modelos de
negócio
Business
Results
User
Notification
3rd Party Mobility
Services
Location
Services
Mobile
Payments
Social Mobile
Commerce
Customer Care
and Insights
Workforce
Optimization
Product and
Service Innovation
Enterprise Mobile Platform
Social
Collaboration
Mobilidade Corporativa
Contrução de
aplicações móveis
Gerenciar
dispositivos e
aplicações
Segurança para o
negócio
Extender
capacidades de
negócio

Cognos BI Mobile

Worklight

Worklight Server
Unified notifications, runtime skinning, version management,
security, integration and delivery
Worklight Console
A web-based console for real-time analytics and control of your
mobile apps and infrastructure
Worklight Studio
The most complete, extensible environment with maximum
code reuse and per-device optimization
Worklight Runtime Components
Extensive libraries and client APIs that expose and interface
with native device functionality←
Worklight Application Center
A cross-platform private mobile application store focused on the
needs of a development organization or a team
Worklight

Worklight Studio - Environment Optimization
JavaScript from an environment
folder is appended to the same
file in the common folder
CSS files from an environment
folder will be appended to the
CSS files in the common folder
HTML files from an environment
folder will override files in the
common folder
images from an environment
folder will override files in the
common folder

Worklight Console
Hybrid Application Version
Management
Push Notifications
Reporting & Analytics
Worklight
Application Center
Native Application Version
Management
Application Feedback
Application Client App
Worklight Server
Authentication
JSON
Translation
Server-side
App Code
Adapter Library
Client-side
App Resources
Direct Update
Mobile
Web Apps
Unified Push
Notifications
StatsAggregation
Device Runtime
Cross Platform
Compatibility Layer
Server Integration
Layer
Encrypted Storage
Runtime Skinning
Reporting for
Statistics/Diagnosis
←
Worklight Studio
HTML5, Hybrid, and
Native Coding
Optimization Framework
Integrated Device SDKs
3rd-Party Library
Integration
iOS
SDK
Android
SDK
Blackberry
SDK
Windows
SDK
26
Worklight Componentes

User Notification (Push Services)
Apple Push Notification
Services (APNS)
Google Cloud Messaging (GCM)
Antigo Android Cloud to Device
Messaging (C2DM)

Data Collection e Analytics

Gerenciamento de Soluções Móveis
 Mobile Application Management (MAM): Plataforma de gerenciamento de aplicações
móveis, bem como ferramentas de segurança e prevenção de perda de dados e
monitoramento de sistemas. Um Enterprise Store pode ser utilizado como um MAM.
 Mobile Device Management (MDM): Plataforma de gerenciamento de dispositivos
móveis

Tivoli Endpoint Manager for Mobile

Exemplo de Arquitetura
– MDM (Tivoli Endpoint Manager for Mobile)

© 2013 IBM Corporation32
Tealeaf CX Mobile
 Discover “why” mobile
customers succeed or fail
 Automatically detect customer
struggles, obstacles or issues
 Drill down into actual user
behavior, complete with
gestures
 Translate customer feedback
into actionable improvements
 Correlate customer behavior
with network and application
data
Native Apps
Hybrid Apps HTML5
Mobile Site
CX Mobile covers
all mobile channels
32

Tealeaf Reference Architecture
Tealeaf’s Customer Experience Management (CEM) Solutions
33
•Dashboards
•Scorecards
•Top Mover report
•75-80% of customers
•Portal
•Search
•100% of customers

Exemplo de Arquitetura
Active
Sessions
DB
Archived
Sessions
DB
Archived
Sessions
Index
Aggregate
Reports
DB
Transport
Service Search Server
(Web Service)
Portal Web
Application
Active Directory
Session
Viewer
Client
Web
Browser
TCP 1966
(SSL)
TCP 1433
(UserAuthentication)
TeaLeaf CX Server
(RealiTea Server)
TeaLeaf Passive
Capture Server
SQL Server
Flat File
Flat File
In-Memory
Red Hat Linux 5 or 6
or SuSE 9 0r 10
Switch
or Tap
HTTP/
HTTPS
IIS / AJAX

Consumo de Serviços de Negócio

Consumidor de Serviços de Negócio

Formato de Mensagem em JSON
{
"catalogo-produto": {
”produto": {
"id": "123",
”nome": "Gol",
”caracteristica”: [
{"combustivel": ”gasolina", ”preco":
"8400,00”}]
}
}

IBM API Management
Secure, Control, &
Optimized
Create
(Assemble)
Create, Manage,
Socialize
1 Solution, 1 Pane of Glass
Web API Managment

Exemplo de Implementação

Mobile Integration e IBM Integration Bus
41 8/9/2013

Thank You
Merci
Grazie
Gracias
Obrigado!!!
Danke
Japanese
English
French
Russian
GermanItalian
Spanish
Brazilian Portuguese
Arabic
Traditional Chinese
Simplified Chinese
Thai
Korean

IBM Mobile Platform: Desenvolvimento de Aplicações Mobile

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (6)

Similaire à IBM Mobile Platform: Desenvolvimento de Aplicações Mobile

Similaire à IBM Mobile Platform: Desenvolvimento de Aplicações Mobile (20)

Plus de Alex Barbosa Coqueiro

Plus de Alex Barbosa Coqueiro (9)

IBM Mobile Platform: Desenvolvimento de Aplicações Mobile

Notes de l'éditeur