O documento descreve o desenvolvimento de um aplicativo híbrido para compras em supermercados. O aplicativo permitiria que usuários criassem listas de compras, pesquisassem preços de produtos e comparassem preços entre supermercados. O projeto utilizou tecnologias como HTML5, CSS3, Javascript e PhoneGap para permitir que o aplicativo rodassem em múltiplas plataformas móveis. Um protótipo do aplicativo chamado "Cot'ai" foi desenvolvido para demonstrar o conceito.

1. IMPLEMENTAÇÃO DE UM APLICATIVO
MOBILE PARA COMPRAS EM
SUPERMERCADOS: UTILIZAÇÃO DE
UMA PLATAFORMA HÍBRIDA
ANDRÉ DA SILVA MEDEIROS
GUILHERME DA ROSA
RICARDO TEIXEIRA SILVEIRA
Orientador: Gustavo Bisognin

2. OBJETIVO GERAL
Aumentar a interação do usuário com a tecnologia
mobile em ações simples do dia-a-dia, facilitando
tarefas como pesquisa de preço, criação da lista de
compras, pesquisa de produtos (a existência
deles), entre outras.

3. OBJETIVOS ESPECÍFICOS
Pesquisar as tecnologias HTML
5.0, PhoneGap, Javascript e CSS 3.0.
Pesquisar ferramentas e técnicas de e-commerce.
Desenvolver um protótipo mobile com suporte a
multiplataformas.
Estudar e aplicar o conceito de banco de dados do
browser.

4. ORGANIZAÇÃO DA APRESENTAÇÃO
REFERENCIAL TEÓRICO:
Comércio Eletrônico;
Tecnologias para desenvolvimento mobile.
MODELO PROPOSTO:
Elicitação de Requisitos;
Prototipação;
Desenvolvimento do Protótipo.

5. REFERENCIAL TEÓRICO > Comércio Eletrônico
Histórico do Comércio Eletrônico
Fonte: INDIKABEM (2013)

6. REFERENCIAL TEÓRICO > Comércio Eletrônico
Definição do Comércio Eletrônico
O comércio eletrônico é a realização de
toda cadeia de valor dos processos de negócio
num ambiente eletrônico.
Albertin (2004).

7. REFERENCIAL TEÓRICO > Tecnologias para
desenvolvimento mobile
Android
iOS
HTML 5.0
CSS 3.0
Javascript
JQuery mobile
PhoneGap

8. REFERENCIAL TEÓRICO > Tecnologias para
desenvolvimento mobile
Fonte: GIANTBOMB (2013)

9. REFERENCIAL TEÓRICO > Tecnologias para
desenvolvimento mobile
Fonte: APPLE (2013)

10. REFERENCIAL TEÓRICO > Tecnologias para
desenvolvimento mobile
Fonte: TUDOPRAWORDPRESS (2013)

11. REFERENCIAL TEÓRICO > Tecnologias para
desenvolvimento mobile
Fonte: MICROSYSTEMINFO (2013)

12. REFERENCIAL TEÓRICO > Tecnologias para
desenvolvimento mobile
Fonte: TABLELESS (2013)

13. REFERENCIAL TEÓRICO > Tecnologias para
desenvolvimento mobile
Fonte: JQUERYMOBILE (2013)

14. REFERENCIAL TEÓRICO > Tecnologias para
desenvolvimento mobile
Fonte: PHONEGAP (2013)

15. MODELO PROPOSTO
Cot’ai
Fonte: Dos Autores (2013)

16. MODELO PROPOSTO
Fonte: BLOGDOSBRINQUEDOS (2013)

17. MODELO PROPOSTO
Outros aplicativos analisados
Boa Lista
Fonte: Dos Autores (2013)

18. MODELO PROPOSTO
Out of Milk
PRÓS:
Aplicação de fácil utilização;
Itens previamente definidos;
Interatividade fácil para marcação de itens já comprados.
CONTRAS:
Não é possível comprar os itens diretamente pelo app;
Serve somente para organização da lista de compras;

19. MODELO PROPOSTO
Boa Lista
PRÓS:
Possível criar mais de uma lista de compras;
As listas de compras podem ser categorizadas;
Possível escolher estabelecimento para
compras, demonstrando o local mais próximo.
CONTRAS:
Os valores dos itens são informados manualmente;
Não é possível manipular a lista após finalizada;
Muitas categorias, dificultando encontrar o item
desejado.

20. MODELO PROPOSTO
ELICITAÇÃO DE REQUISITOS
Fonte: ICONESWEB (2013)

21. MODELO PROPOSTO > Elicitação de Requisitos
Requisitos do Sistema:
Criação de lista de produtos;
Informações de preço, marca, quantidade e características
principais;
Pesquisa de preços dos produtos contidos em uma lista;
Comparação de preços, individualmente e do valor total;
Envio das informações dos produtos, pelos supermercados;
Envio de sugestões de outros produtos de um mesmo gênero;
Acesso à solução através de dispositivos mobiles
independente da plataforma utilizada.
Possibilitar a localização dos estabelecimentos conveniados.

22. MODELO PROPOSTO
PROTOTIPAÇÃO DE TELAS
Fonte: ICONESWEB (2013)

23. MODELO PROPOSTO > Prototipação das telas
Fonte: Dos Autores (2013)

24. MODELO PROPOSTO
DESENVOLVIMENTO
Fonte: ICONESWEB (2013)

25. MODELO PROPOSTO > Desenvolvimento
Cot’ai
Fonte: Dos Autores (2013)

26. MODELO PROPOSTO > Desenvolvimento
Framework
Plataforma Híbrida
DB do Browser
Integração XML

27. PROTOTIPO DESENVOLVIDO
Cot’ai
Fonte: Dos Autores (2013)

28. CONCLUSÕES
O protótipo pode ter boa aceitação por parte do usuário quanto
do supermercado também, pois ambos saem ganhando.
Comodidade de escolher o supermercado que lhe permite
realizar suas compras com o menor valor montante.
O mercado tem a chance de disponibilizar a lista de todos os seus
produtos, fazendo combinações de produtos que se assemelham
ou que normalmente são comprados juntos.

29. RECOMENDAÇÕES PARA TRABALHOS FUTUROS
Implementação de um módulo administrador, para
supermercados, onde é possível manipular os dados já
armazenados;
Implementação de uma área para publicidade e propaganda,
agregando valor ao produto e abrindo mais uma forma de renda
com o aplicativo;
Implementação de relatórios gerenciais para verificar listas
antigas, que tiveram sua compra efetivada.

30. INDIKABEM. Indikabem. 2013. Disponível em: <
http://www.indikabem.com.br/tecnologia/2013/04/confianca-no-comercio-
eletronico-2/ > . Acesso em: 22 jun. 2013.
REFERÊNCIAS
GIANTBONB. Giantbomb. 2013. Disponível em: <http://www.giantbomb.com> .
Acesso em: 22 jun. 2013.
TABLELESS. Tableless. 2013. Disponível em: <http://www.tableless.com> . Acesso
em: 22 jun. 2013.
APPLE. Apple. 2013. Disponível em: <http://www.apple.com> . Acesso em: 22 jun.
2013.
PHONEGAP. Phonegap. 2013. Disponível em: <http://www.phonegap.com> . Acesso
em: 22 jun. 2013.
ALBERTIN, Alberto Luiz. Comércio eletrônico: modelo aspectos e contribuições de
sua aplicação. São Paulo: Atlas, 2004.

31. AGRADECIMENTOS