#MC15HB
Melhores Práticas no Desenvolvimento
de Apps Multicanais
#MC15HB
Quem somos
Um fornecedor global de plataformas de desenvolvimento e integração
de aplicações
Experiência
comprovad...
#MC15HB
Rede global
http://www.magicsoftware.com.br
#MC15HB
Alianças Estratégicas
#MC15HB
Magic Sem Segredos
http://mss.magicsoftware.com.br
Desenvolvendo para Cloud Computing com o
Magic xpa - S01E01
Des...
#MC15HB
Magic Sem Segredos
http://mss.magicsoftware.com.br
Desafios e Preocupações na Adoção de uma
Estratégia de Mobilida...
#MC15HB
#MC15HB
Agenda
• Arquitetura Magic xpa RIA
• Design de Interfaces
• Melhores Práticas de
Desenvolvimento Multicanal
• Cená...
#MC15HB
Arquitetura
Desenvolva uma única vez e Publique em todos os Dispositivos
#MC15HB
Desenvolvimento Único para todas as
Plataformas
Integração no
backend
Metadados
Magic xpa
Arquitetura
Lado Servido...
#MC15HB
O Poder da Escolha
Interface
• Nativa
• HTML5
• Híbrida
Tipo de Dispositivo
• Smartphone
• Tablets
• Desktop
Multi...
#MC15HB
Design de Interfaces
#MC15HB
O Desenvolvedor e suas Interfaces
#MC15HB
Expectativa com a UX (Experiência do Usuário)
#MC15HB
Diferentes Dispositivos em Diferentes
Contextos
#MC15HB
Definições em Grupo – Todos os Níveis
#MC15HB
Padrões
(Material Design – Iniciativa do Google)
#MC15HB
UX – Nova mentalidade – Fale com o usuário
#MC15HB
UX – Nova mentalidade – (Exemplo)
#MC15HB
UX – Nova mentalidade – (Exemplo)
#MC15HB
Melhores Práticas em Desenvolvimento
Multicanal
Fazer ou Não Fazer
#MC15HB
Opte por entrada de dados em OffLine
#MC15HB
←Online
OffLine→
De acordo com os usuários, o
acesso offline melhora em 25% a
eficiência da entrada de dados.
#MC15HB
Separe a Lógica das Interfaces
Programa de
Lógica batch
Programa de
Interface
#MC15HB
Evite…
Tasks pesadas, misturando “lógica” e “interface”
#MC15HB
Evite…
Tasks pesadas, misturando “lógica” e “interface”
#MC15HB
Evite…
Tasks pesadas, misturando “lógica” e “interface”
#MC15HB
Adote…
Componentização da aplicação
#MC15HB
Adote…
Tarefas simples do lado “client”
#MC15HB
Adote…
Tarefas simples do lado “client”
#MC15HB
Adote…
Deixe o trabalho pesado para o lado “server”
#MC15HB
Cenário 1 – Uma Única
Interface
#MC15HB
UX Regular – vs – Baixo Esforço/Custo
Programa de Lógica batch
Programa de Interface #1
Reaproveitamento total
da ...
#MC15HB
Exemplo de UI
#MC15HB
Exemplo de UI
#MC15HB
Exemplo de UI
#MC15HB
Exemplo de UI
#MC15HB
UX Regular – vs – Baixo Esforço/Custo
RESULTADO FINAL
#MC15HB
Cenário 2 – Uma Interface
por Categoria de
Dispositivo
#MC15HB
Melhor UX – vs – Alto Esforço/Custo
Programa de Lógica batch
Programa
de Interface
#1
Programa
de Interface
#2
Pro...
#MC15HB
Exemplo de UI
Um Programa de Interface com vários Formulários
#MC15HB
Exemplo de UI - Smartphones
#MC15HB
Exemplo de UI - Tablets
#MC15HB
Exemplo de UI - Desktop
#MC15HB
Melhor UX – vs – Alto Esforço/Custo
RESULTADO FINAL
#MC15HB
Cenário 3 - Uma Interface
para Smartphone outra para
Tablet/Desktop
#MC15HB
Boa UX - vs - Médio Esforço/Custo
Programa de Lógica batch
Programa de
Interface #1
Programa de Interface #2
Reapr...
#MC15HB
Boa UX - vs - Médio Esforço/Custo
Programa de Lógica batch
Programa de Interface #1
Programa
de Interface
#2
Reapr...
#MC15HB
O que o pessoal anda fazendo – Um exemplo real…
#MC15HB
O que o pessoal anda fazendo – Um exemplo real…
#MC15HB
O que o pessoal anda fazendo – Um exemplo real…
#MC15HB
O que o pessoal anda fazendo – Um exemplo real…
#MC15HB
O que o pessoal anda fazendo – Um exemplo real…
#MC15HB
O que o pessoal anda fazendo – Um exemplo real…
#MC15HB
Boa UX - vs - Médio Esforço/Custo
RESULTADO FINAL
#MC15HB56
Próximos SlideShares
Carregando em…5
×

Melhores Práticas no Desenvolvimento de Apps Multicanais – Magic Sem Segredos – S02E04

628 visualizações

Publicada em

A Plataforma de Aplicação Magic xpa proporciona um ambiente de desenvolvimento e execução simples, livre de código e de excelente custo-benefício que leva departamentos de TI e Empresas de Software a criarem aplicações desktop e mobile empresariais negócios, multi-plataforma, multicanais e utilizando a mesma lógica de negócios.

Nesta sessão do Magic Sem Segredos abordaremos as Melhores Práticas e Reflexões que devemos realizar ao endereçar projetos que serão executados em Smartphones, Tablets e Desktop reutilizando o esforço de desenvolvimento de interfaces e lógicas de negócios

Publicada em: Software
  • Seja o primeiro a comentar

Melhores Práticas no Desenvolvimento de Apps Multicanais – Magic Sem Segredos – S02E04

  1. 1. #MC15HB Melhores Práticas no Desenvolvimento de Apps Multicanais
  2. 2. #MC15HB Quem somos Um fornecedor global de plataformas de desenvolvimento e integração de aplicações Experiência comprovada Tecnologia e Inovação Necessidades de Negócios 30anos Especialistas em Com foco em http://www.magicsoftware.com.br
  3. 3. #MC15HB Rede global http://www.magicsoftware.com.br
  4. 4. #MC15HB Alianças Estratégicas
  5. 5. #MC15HB Magic Sem Segredos http://mss.magicsoftware.com.br Desenvolvendo para Cloud Computing com o Magic xpa - S01E01 Desenvolvendo para Mobile com o Magic xpa – S01E02 Particularidades de Apps de Negócios em Modalidade off-line – S01E05 Tópicos Avançados no Desenvolvimento Mobile utilizando Magic xpa – S01E09
  6. 6. #MC15HB Magic Sem Segredos http://mss.magicsoftware.com.br Desafios e Preocupações na Adoção de uma Estratégia de Mobilidade Corporativa – S01E14 As novidades da versão Magic xpa 2.5 – S01E15 Magic Mobile Accelerator Framework – Magic Sem Segredos – S01E16 Magic MDM – Mobile Device Management – Magic Sem Segredos – S01E17
  7. 7. #MC15HB
  8. 8. #MC15HB Agenda • Arquitetura Magic xpa RIA • Design de Interfaces • Melhores Práticas de Desenvolvimento Multicanal • Cenários & Exemplos
  9. 9. #MC15HB Arquitetura Desenvolva uma única vez e Publique em todos os Dispositivos
  10. 10. #MC15HB Desenvolvimento Único para todas as Plataformas Integração no backend Metadados Magic xpa Arquitetura Lado ServidorLado Cliente
  11. 11. #MC15HB O Poder da Escolha Interface • Nativa • HTML5 • Híbrida Tipo de Dispositivo • Smartphone • Tablets • Desktop Multiplatforma Nativa • Windows • iOS • Android Conexão • Online • Offline
  12. 12. #MC15HB Design de Interfaces
  13. 13. #MC15HB O Desenvolvedor e suas Interfaces
  14. 14. #MC15HB Expectativa com a UX (Experiência do Usuário)
  15. 15. #MC15HB Diferentes Dispositivos em Diferentes Contextos
  16. 16. #MC15HB Definições em Grupo – Todos os Níveis
  17. 17. #MC15HB Padrões (Material Design – Iniciativa do Google)
  18. 18. #MC15HB UX – Nova mentalidade – Fale com o usuário
  19. 19. #MC15HB UX – Nova mentalidade – (Exemplo)
  20. 20. #MC15HB UX – Nova mentalidade – (Exemplo)
  21. 21. #MC15HB Melhores Práticas em Desenvolvimento Multicanal Fazer ou Não Fazer
  22. 22. #MC15HB Opte por entrada de dados em OffLine
  23. 23. #MC15HB ←Online OffLine→ De acordo com os usuários, o acesso offline melhora em 25% a eficiência da entrada de dados.
  24. 24. #MC15HB Separe a Lógica das Interfaces Programa de Lógica batch Programa de Interface
  25. 25. #MC15HB Evite… Tasks pesadas, misturando “lógica” e “interface”
  26. 26. #MC15HB Evite… Tasks pesadas, misturando “lógica” e “interface”
  27. 27. #MC15HB Evite… Tasks pesadas, misturando “lógica” e “interface”
  28. 28. #MC15HB Adote… Componentização da aplicação
  29. 29. #MC15HB Adote… Tarefas simples do lado “client”
  30. 30. #MC15HB Adote… Tarefas simples do lado “client”
  31. 31. #MC15HB Adote… Deixe o trabalho pesado para o lado “server”
  32. 32. #MC15HB Cenário 1 – Uma Única Interface
  33. 33. #MC15HB UX Regular – vs – Baixo Esforço/Custo Programa de Lógica batch Programa de Interface #1 Reaproveitamento total da lógica Reaproveitamento total das Interfaces
  34. 34. #MC15HB Exemplo de UI
  35. 35. #MC15HB Exemplo de UI
  36. 36. #MC15HB Exemplo de UI
  37. 37. #MC15HB Exemplo de UI
  38. 38. #MC15HB UX Regular – vs – Baixo Esforço/Custo RESULTADO FINAL
  39. 39. #MC15HB Cenário 2 – Uma Interface por Categoria de Dispositivo
  40. 40. #MC15HB Melhor UX – vs – Alto Esforço/Custo Programa de Lógica batch Programa de Interface #1 Programa de Interface #2 Programa de Interface #3 Reaproveitamento total da lógica Sem Reaproveitamento das Interfaces
  41. 41. #MC15HB Exemplo de UI Um Programa de Interface com vários Formulários
  42. 42. #MC15HB Exemplo de UI - Smartphones
  43. 43. #MC15HB Exemplo de UI - Tablets
  44. 44. #MC15HB Exemplo de UI - Desktop
  45. 45. #MC15HB Melhor UX – vs – Alto Esforço/Custo RESULTADO FINAL
  46. 46. #MC15HB Cenário 3 - Uma Interface para Smartphone outra para Tablet/Desktop
  47. 47. #MC15HB Boa UX - vs - Médio Esforço/Custo Programa de Lógica batch Programa de Interface #1 Programa de Interface #2 Reaproveitamento total da lógica Reaproveitamento Parcial das Interfaces
  48. 48. #MC15HB Boa UX - vs - Médio Esforço/Custo Programa de Lógica batch Programa de Interface #1 Programa de Interface #2 Reaproveitamento total da lógica Reaproveitamento Parcial das Interfaces
  49. 49. #MC15HB O que o pessoal anda fazendo – Um exemplo real…
  50. 50. #MC15HB O que o pessoal anda fazendo – Um exemplo real…
  51. 51. #MC15HB O que o pessoal anda fazendo – Um exemplo real…
  52. 52. #MC15HB O que o pessoal anda fazendo – Um exemplo real…
  53. 53. #MC15HB O que o pessoal anda fazendo – Um exemplo real…
  54. 54. #MC15HB O que o pessoal anda fazendo – Um exemplo real…
  55. 55. #MC15HB Boa UX - vs - Médio Esforço/Custo RESULTADO FINAL
  56. 56. #MC15HB56

×