Baixe o app para aproveitar ainda mais
Prévia do material em texto
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO CEARÁ IFCE CAMPUS TAUÁ TECNOLOGIA EM TELEMÁTICA INÁCIO HELDER PEREIRA MOTA DESENVOLVIMENTO DE UMA PLATAFORMA DE E-COMMERCE PARA CENTRALIZAR O COMÉRCIO TAUAENSE NA MODALIDADE DELIVERY TAUÁ 2020 INÁCIO HELDER PEREIRA MOTA DESENVOLVIMENTO DE UMA PLATAFORMA DE E-COMMERCE PARA CENTRALIZAR O COMÉRCIO TAUAENSE NA MODALIDADE DELIVERY Monografia apresentada ao curso Tecnologia em Telemática do Instituto Federal de Educação, Ciência e Tecnologia do Ceará (IFCE) - Campus Tauá, como requisito parcial para obtenção do Título de Tecnólogo. Área de concentração: Desenvolvimento de Software. Orientador: Prof. Jefferson Calixto Figueiredo. TAUÁ 2020 Dados Internacionais de Catalogação na Publicação Instituto Federal do Ceará - IFCE Sistema de Bibliotecas - SIBI Ficha catalográfica elaborada pelo SIBI/IFCE, com os dados fornecidos pelo(a) autor(a) ___________________________________________________________________________ M917d Mota, Inácio Helder Pereira. Desenvolvimento de uma Plataforma de E-commerce para centralizar o Comércio Tauaense na Modalidade Delivery / Inácio Helder Pereira Mota. - 2020. 61 f. : il. color. Trabalho de Conclusão de Curso (graduação) - Instituto Federal do Ceará, Tecnologia em Telemática, Campus Tauá, 2020. Orientação: Prof. Jefferson Calixto Figueiredo. 1. Ionic. 2. Firebase. 3. Commerce. 4. Development. 5. Software. I. Titulo. CDD 621.382 ___________________________________________________________________________ INÁCIO HELDER PEREIRA MOTA DESENVOLVIMENTO DE UMA PLATAFORMA DE E-COMMERCE PARA CENTRALIZAR O COMÉRCIO TAUAENSE NA MODALIDADE DELIVERY Monografia apresentada ao curso Tecnologia em Telemática do Instituto Federal de Educação, Ciência e Tecnologia do Ceará (IFCE) - Campus Tauá, como requisito parcial para obtenção do Título de Tecnólogo. Área de concentração: Desenvolvimento de Software. Aprovado (a) em: ____ / _____ / _____. BANCA EXAMINADORA _________________________________________________________ Prof. Jefferson Calixto Figueiredo (Orientador) Instituto Federal de Educação, Ciência e Tecnologia do Ceará (IFCE) – Campus Tauá _________________________________________________________ Prof. Saulo Anderson Freitas de Oliveira Instituto Federal de Educação, Ciência e Tecnologia do Ceará (IFCE) - Campus Tauá _________________________________________________________ Prof. José Aureliano Arruda Ximenes de Lima Instituto Federal de Educação, Ciência e Tecnologia do Ceará (IFCE) - Campus Tauá A Deus. A minha família. Aos mestres. Aos Amigos. A minha companheira. AGRADECIMENTOS A Deus, por tudo. A minha família, em especial à minha mãe, pelo incentivo e suporte inicial. Aos amigos, pois me acompanharam durante a graduação e vivenciaram comigo os desafios, ajudando-me a vencê-los, agradeço o apoio, a paciência e as partidas de basquete que me aliviaram o estresse. Aos professores, que muito contribuíram com minha formação acadêmica, agradeço os ensinamentos, as orientações, as lições de vida, os risos, a atenção. Vocês são verdadeiros mestres. A minha digníssima mulher, por me manter de pé nos piores dias, comemorar comigo nos melhores, fazendo de uma parceria amorosa um real conto de fadas. Tão poderosa quanto uma deusa, mas tão humilde quanto uma reles mortal, levando-me a o encanto que hoje está sobre mim. Obrigado por todas as horas que me dedicara, Nayara S. Lima. “Computadores são inúteis. Eles só podem te dar respostas.” (Picasso). RESUMO Esse trabalho busca o desenvolvimento de uma aplicação móvel para serviços de delivery na cidade de Tauá, no Ceará. Obtendo as informações dos consumidores e dos empresários que atuam com delivery, este trabalho pretende descobrir qual o contexto atual desse atendimento remoto nessa cidade e com a análise dos resultados poder satisfazer ou não as hipóteses deste trabalho. Ainda, com uma avaliação do já corrente atendimento online pelos serviços atuais, descobrir quais os principais problemas encontrados por ambas as partes. Por fim, construir um produto de software que satisfaça tais problemas, avaliando questões financeiras, tecnológicas e especificidades locais. E ainda, mostrar cada etapa do desenvolvimento por meio de representação dos requisitos funcionais e não funcionais, diagramas de classe e de caso de uso, fluxogramas e interações esperadas e rotas alternativas. Logo, o resultado é apresentado nos tópicos finais por meio dos layouts do protótipo construído. O produto final é uma plataforma de comercio eletrônico composta por dois softwares para dispositivos portáteis, ambos desenvolvidos com a tecnologia híbrida Ionic Framework e o banco em nuvem Firebase, logo, poderá atuar em quaisquer sistemas móveis dentre os principais do mercado. Palavras-chave: Ionic. Firebase. Comércio. Desenvolvimento. Software. ABSTRACT This piece of work intends to build a mobile application for delivery services in Tauá city, Ceará. To attain this goal, as a first step, a survey was done with consumers and entrepreneurs first to get data so the hypothesis that we need in Tauá a robust delivery app software could be tested. As a second step, a android based app was built according the survey results so we can have demands supplied in the local market. Also, the app’s architecture is detailed as the functional and non-functional requisites, classes diagrams and user cases are exposed, showing all expected interactions and alternative ways. In the final chapters, the app’s layout is showed and discussed as a prototype. The delivery commerce platform itself is a mobile software split in two mobile apps (one for users and one for enterprises), both developed using Ionic Framework hybrid technology and a Firebase cloud based database, allowing them to work in almost any mobile system Android based in the market. Keywords: Ionic. Firebase. Commerce. Development. Software. LISTA DE FIGURAS Figura 1 — Análise do mercado delivery antes e durante o período de pandemia da Covid-19.......................................................................................................... 17 Figura 2 — Análise do crescimento do número de consumidores da modalidade delivery 19 Figura 3 — Comparação entre metodologias de desenvolvimento mobile.......................... 22 Figura 4 — Sobre a dificuldade de encontrar empresas/produtos online em Tauá-CE....... 26 Figura 5 — Sobre as experiências no atendimento remoto (visão dos consumidores)...... 26 Figura 6 — Dados sobre os erros no atendimento remoto (visão do consumidor)............ 27 Figura 7 — Métodos para a realização de pedidos online (visão do consumidor).............. 27 Figura 8 — Interesse dos consumidores no desenvolvimento dessa plataforma................. 28 Figura 9 — Métodos de vendas na internet na cidade de Tauá (visão das empresas)....... 29 Figura 10 — Sobre os erros no atendimento remoto (visão das empresas)......................... 29 Figura 11 — Porcentagem da receita das empresas representada pelo delivery.................... 30 Figura 12 — Sobre a necessidade do desenvolvimento da plataforma proposta (visão das empresas)........................................................................................................ 30 Figura 13 — Fluxograma da aplicação dos consumidores...................................................34 Figura 14 — Representação do componente Sidebar do app dos consumidores................. 35 Figura 15 — Diagrama de caso de uso da aplicação dos consumidores.............................. 36 Figura 16 — Fluxograma da aplicação das empresas.......................................................... 40 Figura 17 — Representação do componente sidebar do app das empresas......................... 41 Figura 18 — Diagrama de caso de uso do app das empresas.............................................. 42 Figura 19 — Estrutura de arquivos do projeto..................................................................... 45 Figura 20 — Estrutura de arquivos de uma página.............................................................. 46 Figura 21 — Diagrama de classe da plataforma.................................................................. 47 Figura 22 — Páginas de entrada de dados no app do consumidor (1)................................. 50 Figura 23 — Páginas de entrada de dados no app do consumidor (2)................................. 51 Figura 24 — Páginas de listagem do app dos consumidores (1)......................................... 52 Figura 25 — Páginas de listagem do app dos consumidores (2)......................................... 53 Figura 26 — Páginas de detalhes da empresa, do produto e do pedido (visão do consumidor).................................................................................................... 54 Figura 27 — Páginas de entrada de dados no app das empresas......................................... 55 Figura 28 — Detalhes de um pedido e de um produto (visão da empresa).......................... 56 Figura 29 — Páginas de listagem do app das empresas....................................................... 57 LISTA DE QUADROS Quadro 1 — Quadro demonstrativo dos requisitos funcionais do app dos consumidores.... 31 Quadro 2 — Demonstrativo de requisitos funcionais do app das empresas......................... 32 Quadro 3 — Demonstrativo dos requisitos não funcionais da plataforma............................ 33 LISTA DE SIGLAS AdMob AdSense Mobile B2B Business-to-Business B2C/C2B Business-to-consumer/consumer-to-business BaaS Backend as a Service C2C Consumer-to-consumer COVID-19 Corona Virus Disease - 2019 CRF Consumidor – Requisito Funcional CRUD Create Read Update Delete CSS Cascading Style Sheets FGV Fundação Getúlio Vargas FRF Fornecedor – Requisito Funcional G2B/B2G Government-to-business/business-to-government G2C/C2G Government-to-consumer/consumer-to-government G2G Government-to-government GPS Global Positioning System GSMA Global System for Mobile Communications Association HTML Hypertext Markup Language IBGE Instituto Brasileiro de Geografia e Estatística IGTI Instituto de Gestão e Tecnologia da Informação IOS I Operational System NoSql No Structured Query Language PIB Produto Interno Bruto RNF Requisito Não Funcional SDK Software Development Kit TI Tecnologia da Informação UI User Interface UML Unified Modeling Language WWW World Wide Web LISTA DE SÍMBOLOS % Porcentagem R$ Real US$ United States Dollar SUMÁRIO 1 INTRODUÇÃO...................................................................................................... 13 1.1 Objetivos.................................................................................................................. 14 1.1.1 Objetivo geral........................................................................................................... 14 1.1.2 Objetivos específicos................................................................................................ 14 1.2 Da estrutura do projeto......................................................................................... 15 2 FUNDAMENTAÇÃO TEÓRICA.......................................................................... 16 2.1 E-Commerce e seus objetivos................................................................................. 16 2.2 O mercado e a modalidade delivery........................................................................ 18 2.3 Delivery em Tauá-CE, como é feito?...................................................................... 20 2.4 Tecnologia utilizadas no desenvolvimento deste projeto...................................... 21 2.4.1 O Ionic Framework................................................................................................... 22 2.4.2 O Firebase................................................................................................................. 23 3 PESQUISA DE MERCADO................................................................................... 25 3.1 Das pesquisas com os consumidores locais............................................................ 25 3.2 Das pesquisas com os fornecedores locais.............................................................. 28 4 ARQUITETURA DO SOFTWARE...................................................................... 31 4.1 Levantamento de requisitos.................................................................................... 31 4.1.1 Requisitos funcionais da aplicação dos consumidores.......................................... 31 4.1.2 Requisitos funcionais da aplicação dos fornecedores........................................... 32 4.1.3 Requisitos não funcionais da plataforma............................................................... 33 4.2 Estrutura lógica da aplicação dos consumidores.................................................. 34 4.2.1 Interação de login..................................................................................................... 36 4.2.2 Interação de cadastro e alteração de dados........................................................... 37 4.2.3 Recuperação de conta.............................................................................................. 37 4.2.4 Interação com as pesquisas...................................................................................... 38 4.2.5 Interação com o gerenciamento de favoritos......................................................... 38 4.2.6 Interação com o carrinho........................................................................................ 38 4.2.7 Interação com o sistema de pedidos......................................................................... 39 4.2.8 Entrar em contato.................................................................................................... 39 4.3 Estrutura lógica da aplicação dos fornecedores.................................................... 40 4.3.1 Interação de login..................................................................................................... 42 4.3.2 Interação de cadastro e alteração de dados........................................................... 43 4.3.3 Recuperação de conta.............................................................................................. 43 4.3.4 Interação com o gerenciamento de produtos......................................................... 43 4.3.5 Interação com o sistema de pedidos....................................................................... 44 4.3.6 Suporte...................................................................................................................... 44 4.3.7 Interação de pesquisas............................................................................................. 44 4.4 Da estrutura do projeto de software....................................................................... 44 5 RESULTADOS E ANÁLISES................................................................................ 48 5.1 Resultados e análises das pesquisas........................................................................48 5.2 Resultados e análises do desenvolvimento dos softwares..................................... 49 5.2.1 Layout e cumprimento dos requisitos funcionais do app dos consumidores......... 49 5.2.2 Layout e cumprimento dos requisitos do app dos fornecedores.............................. 54 5.2.3 Analise final do desenvolvimento............................................................................ 57 6 CONSIDERAÇÕES FINAIS.................................................................................. 59 REFERÊNCIAS....................................................................................................... 60 13 1 INTRODUÇÃO Segundo pesquisas realizadas pela WEBSHOPPERS (2020), houve um visível crescimento do mercado eletrônico (E-Commerce) de 2020 em relação a 2019. Com um faturamento recorde e aumento de 40% de consumidores, o total de usuários dessa modalidade de consumo no Brasil chegou a 41 milhões apenas no primeiro semestre deste ano. Ainda de acordo com WEBSHOPPERS (2020), seja pelas melhorias de segurança e marketing empregados para esse fim ou pelo impulsionamento ocasionado pelo novo corona- vírus, as estatísticas indicam que o crescimento continuará. Outro ponto que fez os e- commerce chegarem ao melhor momento de sua história até aqui foi o também crescente número de smartphones em atividade, que a partir de pesquisas da FGV (2019), ultrapassam o total da população brasileira, ocasionando maior percentual de pessoas aptas a usufruir de uma maior facilidade na hora de fechar um pedido, sendo online, de qualquer lugar e sem burocracia. Com isso, a grande maioria das empresas que atuam com comércio na internet também possuem a portabilidade para celulares, seja a partir da responsividade dos sites ou mesmo por aplicações instaláveis. Esse tipo de mercado trouxe consigo, também, o crescimento dos pedidos na modalidade delivery, que, de acordo com site Delivery Much (2019), teve seu percentual elevado em 17,5% em 2019. Esse que se destaca no formato no qual os clientes recebem seus pedidos em casa por meio de entregadores empregados pela empresa que fornece os produtos, podendo realizar o pagamento no ato do recebimento ou na própria plataforma de compras, via cartão de crédito ou débito. Mas, para atender apenas a uma determinada região, nem sempre é viável investir em uma plataforma própria. Com isso em vista, algumas empresas como iFood, UberEats, Rappi e James fornecem serviços onde é possível reduzir os riscos operacionais da empresa contratante, uma vez que esta pode validar seus produtos online sem precisar ter um app para vender online, tendo prejuízos menores em caso de fracasso de validação. Ainda assim, muitas empresas que atuam localmente na cidade de Tauá-CE não aderem a tais serviços, seja pelos custos, por não haver uma aplicação na categoria na qual elas atuam, ou ainda, pela falta de especificidade das plataformas. Essa falta de especificidade permite que tanto a maior quanto a menor empresa possam estar no mesmo meio de publicação, criando uma concorrência desvantajosa para as empresas de menor porte. Logo, algumas dessas empresas veem melhores negócios oferecendo atendimento por meio das redes sociais como WhatsApp, Instagram e Facebook, o que é mais barato e simples, 14 porém, não tão adequado para o comércio propriamente dito. Com isso, além da concorrência comercial, essas empresas vão disputar sua visibilidade com perfis pessoais e publicações de quaisquer teores, além de não terem um gerenciamento de pedidos objetivo. Com isso em vista, o intuito deste trabalho é, por meio de pesquisas, realizar a validação das informações citadas. Logo, foram levantadas questões a fim de caracterizar o perfil desses atores, o modo com que comercializam na internet localmente, os problemas encontrados e sobre a importância deste trabalho. Se caracterizando então, como uma pesquisa exploratória. E ainda, visando propor uma solução, desenvolver o protótipo de uma plataforma mobile, onde seja possível o cadastro de qualquer categoria de empresa de vendas na modalidade delivery do município de Tauá-CE, e esta, ter o gerenciamento de seus produtos, pedidos e publicações de informativos ou promoções, de forma independente a outras aplicações. Com o fim de abstrair o comércio municipal a um único local online, facilitando para os consumidores, a realização de pesquisas e comparações entre produtos e provendo maior comodidade aos pedidos de qualquer tipo de produto de qualquer categoria de empresa dentro do município. Logo, também sendo uma pesquisa aplicada. Com a criação de uma aplicação capaz de resolver a problematização supracitada, a forma de atração e diferencial para uma real adesão das empresas locais a esse projeto, visto que estas ainda não aderiram a serviços existentes de forma majoritária, é ter uma especificidade ou direcionamento para o mercado local, dando maior suporte e se adequando intrinsicamente a ele, além de não restringir as funcionalidades a uma modalidade ou categoria de vendas. 1.1 Objetivos 1.1.1 Geral Desenvolver o protótipo de uma plataforma digital em que todo o comércio atuante na modalidade delivery da cidade de Tauá-CE possa se estabelecer, independentemente de sua categoria de mercado. 1.1.2 Específicos a) Facilitar as buscas e comparações entre produtos locais, para os consumidores do mercado delivery; 15 b) Criar o um protótipo de SW da plataforma à servir de entro de publicações de produtos e promoções/informativos online; c) Gerenciar pedidos online de forma simplificada para as empresas; d) Automatizar o atendimento ao cliente da modalidade delivery; e) Validar a proposta com formulários direcionados aos consumidores e empresas. 1.2 Da estrutura do projeto Este projeto, como citado, trabalhará em duas linhas interligadas, uma com a validação de mercado e outra com o desenvolvimento do protótipo. Além disso, é feito o levantamento dos dados e estatísticas a nível nacional e municipal, a fim de demonstrar e justificar a iniciativa do trabalho. Para tanto, na seção 2, será pesquisado e apresentado a fundamentação teórica da proposta, a partir de dados de revistas, sites, artigos e livros. O intuito desta seção é verificar como estão os números e previsões sobre o mercado delivery no Brasil e na cidade de Tauá- CE e apresentar as tecnologias que serão implementadas na prototipação do produto de software. Após os dados iniciais serem apresentados, o modelo da metodologia se estende a duas seções. A 3° é responsável por demonstrar as características e os objetivos das pesquisas realizadas, assim como os resultados brutos dos questionários. E a 4°, que por sua vez, demonstrará a metodologia da projeção do software e toda a parte de engenharia aplicada. Logo, a metodologia cientifica deste projeto é caracterizada como exploratória e também como aplicada. A finalização deste projeto se inicia na seção 5, em que serão apresentados os resultados obtidos nas pesquisas de campo e no desenvolvimento do protótipo proposto. Seguido das considerações finais, na seção 6, em que é apontado as maiores dificuldades encontradas, os aprendizados e alguns possíveis trabalhos futuros. 16 2 FUNDAMENTAÇÃO TEÓRICA A fim de fundamentar tanto a premissa quanto a escolha das tecnologias utilizadas neste trabalho, nessa seção são abordados os funcionamentos, objetivos, histórico e também as previsões para o e-commerce e a modalidade delivery nos próximos anos. Bem como, são demonstradas, a partir de comparativos, as motivações para a utilização das tecnologias de implementação adotadas na criação do software proposto. 2.1 E-commerce e seus objetivos “O comércio-eletrônico envolve todas as transações que ocorrem via web entre dois agentes distintos” (BOTELHO; GOMES; SILVA, 2016), sendodefinido por Parente (2000 apud Botelho, Gomes e Silva (2016, p. 2) como um intermédio digital que possibilita a transação por um sistema automatizado no formato de um varejo na internet, oferecendo produtos e serviços de forma interativa. Nesse sentido, entende-se o e-commerce como um comércio pelo meio digital, no qual é feito a intermediação do atendimento entre um consumidor e a empresa fornecedora, com o fim de obter uma transação de dados mais simplificada e objetiva. Há classes definidas de comércio e comércio eletrônico desde as primeiras iniciativas desse mercado até as que se expandiram ao longo dos anos. Crocco et al. (2012 apud Cunha et al. (2013, p. 4) cita que as mais utilizadas são: a) B2B (business-to-business) são transações realizadas entre empresas; b) B2C/C2B (business-to-consumer/consumer-to-business) são transações entre empresas e os consumidores finais; c) C2C (consumer-to-consumer) são transações entre os consumidores finais; d) G2C/C2G (government-to-consumer/consumer-to-government) são operações que se dão através do governo com os consumidores finais; e) B2G/G2B (government-to-business/business-to-government) são as transações realizadas entre o governo e as empresas como as licitações e produtos necessários socialmente; f) G2G (government-to-government) são transações realizadas somente entre os departamentos do governo 17 Essas classes são importantes para administradores de empresas e gerentes de projetos, pois contribuem para dar o foco ao desenvolvimento de uma plataforma de e-commerce ou organizar uma existente. Para fins de execução, a plataforma de comércio eletrônico resultante deste trabalho apresenta transações do tipo B2C, onde há a venda entre empresas e consumidores finais, assim como B2B, com o envio de valores das empresas cadastradas à equipe de gerenciamento e desenvolvimento da aplicação. Na década de 90 surgem as, hoje poderosas, Amazon, Ebay e Alibaba, como primeiras grandes lojas online da ainda nova WWW (World Wide Web) (AiPress.com, 2018). Nessa época, havia, em relação a 2020, poucos adeptos, mas suficientes para o desenvolvimento e continuidade desses projetos de visão futurista. Segundo Silva e Queiroz (2019), o advento de tal revolução no mercado mundial não demorou a chegar no Brasil, por volta dos anos 2000, com a criação do Mercado Livre e da Saraiva como exordiais da modalidade no país. Atualmente, vive-se um momento de isolamento social ocasionado pelo novo corona- vírus, causador da COVID-19. Com isso, o crescente número de usuários do mercado digital teve seu ápice em abril de 2020, segundo pesquisa da WEBSHOPPERS (2020). Ela apresentou dados comparativos entre os meses que antecederam e o período de isolamento no Brasil, que são mostrados na figura que segue: Figura 1 - Análise do mercado delivery antes e durante o período de pandemia da Covid-19 Fonte: WEBSHOPPERS 42° (2020) 18 Uma rápida visualização do gráfico e é possível ver os números muito superiores durante o período de isolamento social, com ênfase em datas comemorativas. Isso demonstra o quanto o consumidor digital (e-consummer) está preparado para fazer novos negócios dentro de plataformas com esse fim, dando assim maior mercado para os meios digitais atuais e futuros. 2.2 O mercado e a modalidade delivery A modalidade de mercado delivery pode ser definida como “ação de entregar, de levar compras até ao endereço indicado por quem as comprou” (DICIO, 2020). Com isso, seu funcionamento, em essência, se dá a partir da venda por meio de algum sistema de comunicação de longa distância, a fim de obter a vantagem de receber tais compras sem sair do local de conforto. De acordo com o Delivery Much (2019), o mercado nacional projetava para o ano de 2022 no Brasil, que o faturamento seria de mais de US$ 343 bilhões para pedidos via aplicativos, sendo mais de 10 milhões de usuários pelo país. Contudo, a pandemia de Covid- 19, que causou isolamento social em todo o mundo, ocasionou um crescimento inesperado, com dados que representam, já em 2020, 4 vezes o número de usuário da estimativa de 2022 no Brasil (WEBSHOPPERS, 2020). Para um melhor entendimento e exposição visual do que foi citado, segue um gráfico que demonstra esse crescimento. 19 Figura 2 - Análise do crescimento do número de consumidores da modalidade delivery Fonte: WEBSHOPPERS 42° (2020) Atualmente, há diversas plataformas de comércio eletrônico que atuam com a modalidade delivery, como iFood, Delivery Much, Rappi, UberEats, James, dentre outros, o que traz facilidades aos consumidores dos locais onde essas empresas atuam. “O mercado é separado em segmentos, visando às diferenças demográficas, psicográficas e comportamentais entre os consumidores, identificando e apresentando grupos distintos que irão eleger ou estabelecer vários mixes diferentes de produtos ou serviços” (KOTLER; KELLER, 2012 apud RODRIGUES, et al., 2019). Nesse sentido, seja pelas taxas cobradas, pela falta de especificidade dessas aplicações, visto que trabalham em todas as regiões, ou por outros motivos, as empresas supracitadas não atuam em todas as cidades. A exemplo do iFood, líder do segmento alimentício na América Latina e que ocupa mais de 1000 cidades do Brasil, deixando aproximadamente 4570 outras sem adeptos ao seu serviço (IFOOD, 2020). Logo, essa característica dá oportunidade para os desenvolvedores locais pensarem em propostas similares, mas específicas para sua região. Portanto, ainda há mercado para inovações na área de desenvolvimento de plataformas de e-commerce que atuem na modalidade delivery, principalmente com enfoque em determinadas regiões, como cidades interioranas. Ayron Santarem, head de expansão da 20 Delivery Much, em entrevista ao blog da empresa onde trabalha, reforça a premissa de que existe muita demanda reprimida nos interiores e cidades pequenas, que estão em ascensão socioeconômica e não apresentam muita concorrência. 2.3 Delivery em Tauá-CE, como é feito? Atualmente, no município de Tauá-CE, já existem diversas empresas dos mais variados segmentos que atuam com entregas a domicílio, atendendo pelos principais canais de comunicação, como Whatsapp, Facebook e Instagram. Para contribuir com esses canais, a prefeitura da cidade, durante a pandemia, lançou em seu site um catálogo de contatos online para cadastro dos comércios e visualização dos clientes interessados, a fim de “evitar ainda mais a circulação do coronavírus no meio social” (TAUÁ, 2020). Ainda de acordo com os dados do site taua.ce.gov.br, na data 05/10/2020, a plataforma supracitada possui 82 empresas cadastradas em 17 categorias distintas, o que demonstra o quão interessados os comerciantes locais de diversas categorias de comércio estão em interagir com a população pelo meio digital. Os comerciantes aderiram ao serviço mesmo não podendo publicar seus produtos ou gerenciar seus pedidos nele, o que enfatiza a necessidade de uma plataforma específica para este fim. Além disso, grandes empresas do ramo alimentício já fornecem seus serviços na cidade, como iFood, Aiqfome e Myfood com diversas empresas cadastradas, assim como há empresas que ainda não atuam na região, como UberEats e 99Food. Esses serviços também incluem gerenciamento de pedidos e produtos, diferente do catálogo municipal, tendo como desvantagens a falta de assimilação ao mercado local, não tratando de nenhuma especificidade demográfica, como custo de vida. Além da falta de diversidade categórica, onde geralmente não trabalham com mais de um tipo de serviço. Portanto, ainda há carência de aplicação que possibilite aos cidadãos tauaenses encontrar empresas que fazem entregas na cidade. Existem aplicações similares, como visto acima, mas existem pontos de demanda não supridos pelos já existentes. Tais pontos de demanda podem se tornardiferenciais que justifiquem um novo aplicativo. Diferenciais como um catálogo online com gerenciamento próprio de pedidos e produtos e a incorporação mais categorias de negócio. 21 2.4 Tecnologias utilizadas no desenvolvimento deste projeto É natural o crescimento do número de usuários de smartphones e tablets nos últimos anos, com o barateamento ocasionado pela concorrência entre empresas e a evolução das tecnologias, que possibilitaram custos menores nas produções dos mesmos. Ainda em 2017, a GSMA (Global System for Mobile Communications Association) publicou uma pesquisa afirmando que já haviam mais de 5 bilhões de usuários dessas plataformas, o que representa mais de 2/3 da população mundial. Com isso, este trabalho adotou as tecnologias móveis como base da aplicação a ser desenvolvida, para que possa, assim, alcançar mais facilmente os usuários finais, o que dará maior comodidade e praticidade aos mesmos. O desenvolvimento de software é uma área profissional que não se abalou durante os períodos de crise dos últimos anos no Brasil, o site Computer World (2019), cita que ela ignorou as quedas de PIB (Produto Interno Bruto) e continuou seu crescimento. Contudo, é necessário que tais profissionais estejam preparados e atualizados acerca das tecnologias mais utilizadas. Nessa área, mais especificamente na de desenvolvimento de software mobile, tem- se maiores preocupações com a iniciação e continuidade da tecnologia na qual se propôs trabalhar, pois a programação para estes é restritiva, por necessitar de módulos específicos de cada plataforma dentro do projeto, os SDK (Software Development Kit). Além disso, podem haver bastante disparidades entre as linguagens adotadas para a criação de aplicações em cada sistema móvel. Para contribuir com o caso acima, em que não é possível programar uma vez e executar em mais de uma plataforma mobile, método denominado “nativo”, foi criado o modelo de desenvolvimento híbrido que, a partir de diferentes formas de programar em relação ao nativo, geralmente utilizando linguagens web, torna possível obter uma compilação para a plataforma que desejar a partir do mesmo código. Além disso, outra vantagem é que, segundo Lopes (2019), por ser baseado em linguagens web, a curva de aprendizado é considerada mais suave, o que dá segurança para iniciantes tanto quanto para programadores mais experientes. As principais diferenças apresentadas pelo desenvolvimento híbrido em relação ao nativo, tomando como base as plataformas IOS e Android, podem ser visualizadas na figura 1. 22 Figura 3 - Comparação entre metodologias de desenvolvimento mobile Fonte: igti (2019) Com os dados da figura, é possível notar que é necessário um bom planejamento para iniciar um projeto de desenvolvimento mobile, pois, a depender do objetivo final da aplicação, é mais vantajoso desenvolver em um modelo ou em outro. Caso a finalidade da aplicação seja atender em tempo real, como aplicativos de geolocalização e GPS, o ideal é desenvolver nativamente, pelo maior desempenho que irá conseguir. Contudo, se for preciso obter rapidamente uma aplicação que execute em qualquer plataforma e que seja de fácil manutenção e evolução é indicado utilizar aplicações híbridas. 2.4.1 O Ionic framework Este projeto utilizará a tecnologia de desenvolvimento híbrido Ionic Framework, sendo assim capaz de se obter uma compilação para qualquer uma das principais plataformas mobile do mercado e por não necessitar de desempenho de tempo real. “O Ionic Framework é um kit de ferramentas de interface do usuário de código aberto para a criação de aplicativos móveis e de desktop de alto desempenho, usando tecnologias da Web (HTML, CSS e JavaScript)” (IONIC FRAMEWORK, 2020), logo, pode ser entendido como um conjunto de bibliotecas integradas ou com possibilidade de integração para provimento de uma interface de desenvolvimento baseada em tecnologias web. Esse framework trabalha na camada de webview, provendo a aplicação por cima de um browser próprio, por isso é possível utilizar tecnologias web para seu desenvolvimento. Fazendo uso do Apache Cordova, que dá a aplicações web a possibilidade de acessar funções 23 nativas do hardware do aparelho, o Ionic consegue utilizar com facilidade as especificidades das plataformas onde executar. Segundo Barbosa et al. (2016, p. 2), O Ionic foi construído sobre a plataforma Apache Cordova, que facilita o acesso à funções específicas do hardware dos dispositivos, e o AngularJS, uma linguagem baseada em JavaScript. Fornece vários componentes de interface de usuário (UI) que podem ser utilizados e customizados no desenvolvimento de uma aplicação. Pois, como dito, por se tratar de um framework web, o Ionic precisa de um invólucro para acessar funções nativas e também para ser executado como uma aplicação desse nível, utilizando para tanto, o Cordova ou PhoneGap. (SILVA ; SOTTO, 2017, p .4) Assim como o framework AngularJS se faz necessário na metodologia da estrutura do Ionic, pois "permite que você estenda o vocabulário HTML para seu aplicativo. O ambiente resultante é extraordinariamente expressivo, legível e rápido de desenvolver" (ANGULARJS, 2020). Com isso, é possível incrementar funções dentro do escopo HTML, fazendo operações e modelagens sem a dependência exclusiva do arquivo JavaScript. 2.4.2 O Firebase O Firebase é uma plataforma BaaS (Backend as a Service) da Google, que atua sobre a infraestrutura dessa empresa. Ele é capaz de realizar o escalonamento automático de dados dos apps/websites, dos simples até os mais complexos. Com o intuito de abstrair os projetos que o adotam como banco, ele trata do gerenciamento dos seus diversos serviços de forma eficiente, o que dá ao programador mais tempo para focar no desenvolvimento e nos usuários (FIREBASE, 2020). Essa plataforma possui diversos serviços úteis para o desenvolvimento de software web e mobile, alguns são destacados por Sganzerla e Lummertz (2018): a) Real time Database: Banco de dados NoSql com armazenamento em nuvem. b) Authentication: Serviço de autenticação de usuários, com possibilidade de login por utilização de E-mail, conta do Google, Facebook, Twiter ou Github. c) Cloud Messaging: Recurso que oferece envio de mensagens instantâneas ou com tempo marcado do servido para os dispositivos. 24 d) Monitoring and performance: Mecanismo que fornece diagnósticos de sistema ou rede onde a aplicação está operando. e) Crash Reporting: Serviço que disponibiliza dados sobre problemas encontrados, segmentando por categorias e detalhando os dispositivos afetados. f) AdMob: "A Google AdMob ajuda você a gerar receita com seu aplicativo para dispositivos móveis por meio de publicidade no aplicativo.” (FIREBASE, 2020). Neste projeto, foi utilizado o serviço em nuvem do Real Time Database, que, de acordo com Firebase (2020), é um banco de dados NoSQL e, por isso, tem otimizações e funcionalidades diferentes de um banco relacional, dando aos softwares menor latência e melhor usabilidade para serviço com necessidades de tempo de resposta baixo. Foi utilizado, também, o serviço de autenticação para garantir a disparidade entre os usuários e poder tratar os pedidos e serviços adotados por cada um de forma única e identificável. Na evolução deste projeto, é esperado fazer uso dos outros 4 serviços citados, e assim obter uma aplicação com notificações do servidor, um monitoramento de tráfego e análise de erros, e também tratar da monetização com o AdMob, tudo gerenciado no console do Firebase. https://www.google.com/admob/?utm_source=firebase&utm_medium=et&utm_campaign=firebase-docs&utm_content=2017Q1&hl=pt-br 25 3 PESQUISAS DE MERCADO Com o objetivo de obter informações acerca do público alvo deste trabalho, foram realizadasduas pesquisas com a ferramenta Google Forms, uma para os comerciantes e outra para os consumidores da cidade de Tauá-CE. A partir de perguntas objetivas, esses questionários receberam um total de 125 respostas no período de 30 dias, sendo 13 de pessoas jurídicas e 112 de pessoas físicas. 3.1 Das pesquisas com os consumidores locais Essa primeira pesquisa teve início em 15/09/2020 e termino em 15/10/2020, com um total de 112 respostas de consumidores locais. As perguntas foram direcionadas à opinião do consumidor acerca do atendimento que ele recebe atualmente, quais ferramentas ele usa, se há dificuldades em achar determinado produto ou empresa, o julgamento de sua experiência com o atendimento de delivery local, além da sua faixa etária e renda familiar. Por fim, a opinião dele sobre a criação de uma nova plataforma de atendimento local, o que é proposto neste trabalho. Logo, até 40 anos (item a: 0 – 25 anos (41,4%) e item b: 26 – 40 anos (41,4%)) foi a faixa de idade da maioria dos consumidores e a renda familiar média foi de R$ 2058,37. Sobre o atendimento, 61,6% apontaram ter dificuldades em encontrar um produto ou empresa com os meios existentes, enquanto as experiências com os atendimentos foram avaliadas como 50% regular, 29,5% boa, 15,2% ruim e 5,3% Ótima, o que pode ser visualizado nos gráficos que seguem. 26 Figura 4 - Sobre a dificuldade de encontrar empresas/produtos online em Tauá-CE Fonte: Autor (2020) Figura 5 - Sobre as experiências no atendimento remoto (visão dos consumidores) Fonte: Autor (2020) Os erros com os atendimentos foram analisados como 8,9% ocorrendo sempre, 40,2% nunca e os outros 50,9% com frequência, além disso, do montante de respostas, 88,4% disseram fazer compras pelo Whatsapp, 33% pelo Instagram, 7,1% pelo Facebook, 11,6% por loja da empresa e 28,6% por outros serviços online ou telefone, informações que podem ser visualizadas a seguir. 27 Figura 6 - Dados sobre os erros no atendimento remoto (visão do consumidor) Fonte: Autor (2020) Figura 7 - Métodos para a realização de pedidos online (visão do consumidor) Fonte: Autor (2020) A última pergunta, que questionava sobre a importância de uma nova plataforma como a proposta neste artigo, teve as seguintes opções e respectiva porcentagem de resposta. a) Insignificante com 0,9%, b) Comum com 2,7%, c) Útil com 49,1%, d) Necessário com 47,3%. 28 Figura 8 - Interesse dos consumidores no desenvolvimento dessa plataforma Fonte: Autor (2020) 3.2 Das pesquisas com os fornecedores locais Na segunda pesquisa, realizada com os fornecedores de serviços/produtos na modalidade delivery, foram avaliadas as respostas de 13 empresas, no período de 08/10/2020 até 16/10/2020, além disso, foram selecionadas as empresas de pequeno e médio porte que se encaixavam como clientes da proposta inicial deste projeto para requisição dessas respostas. Com o mesmo objetivo da primeira, mas mudando o público alvo para as empresas, este questionário obteve informações sobre a forma com que essas atendem por delivery, se ocorrem erros nesses atendimentos, sobre a receita e quanto por cento desta vem do atendimento por pedidos online, e ainda, acerca do tempo de atividade da mesma e sobre a importância de uma plataforma com teor da proposta neste projeto. A forma com que essas empresas atendem online obteve o seguinte resultado: 100% o fazem pelo Whatsapp, 92,3% pelo Instagram, 15,4% pelo Facebook, 7,7% por loja da empresa e 38,5% por outros serviços online ou telefone. Sobre os erros no atendimento, ocorrem 7,7% sempre, 76,9% frequentemente, 15,4% nunca. Dados esse que podem ser melhor analisados nos gráficos a seguir. 29 Figura 9 - Métodos de vendas na internet na cidade de Tauá (visão das empresas) Fonte: Autor (2020) Figura 10 - Sobre os erros no atendimento remoto (visão das empresas) Fonte: Autor 2020 Sobre os valores arrecadados por essas empresas na modalidade delivery, a média mensal de rendimento total das que responderam essa questão opcional (9) foi de R$ 12.477,77. Com 3 empresas de menos de 1 ano de atividade, 7 na faixa de 2 a 5 anos e 3 de 6 a 10 anos. 23,1% dessas empresas, afirmando que os pedidos recebidos online representam de 26% a 50% de sua receita, outros 53,8% informando que de 50% a 75% de sua receita vem do delivery e 23,1% dizem ter de 75% a 100% de sua receita baseado em encomendas locais feitas pela internet, visível no próximo gráfico. 30 Figura 11 - Porcentagem da receita das empresas representada pelo delivery Fonte: Autor 2020 Por fim, sobre a necessidade de uma plataforma como a idealizada neste projeto, 69,2% das empresas votaram como necessário, 30,8% como útil, 0% comum e 0% como insignificante. Tendo 69,2% de empresas que se dispuseram a fazer testes e dar feedback para a melhoria de tal plataforma, e 30,8 que talvez o fizessem também. Figura 12 - Sobre a necessidade do desenvolvimento da plataforma proposta (visão das empresas) Fonte: Autor, 2020 31 4 ARQUITETURA DO SOFTWARE Para o desenvolvimento da plataforma, como já citado, foi utilizado o framework para o desenvolvimento de aplicações híbridas Ionic, juntamente do banco de dados em nuvem da Google, o Real Time Databse do Firebase. Para tanto, o sistema é composto por dois aplicativos, um direcionado aos consumidores e o outro aos comerciantes, ambos conectados pelo mesmo banco de dados em nuvem. Como a ideia é dar suporte aos atendimentos em delivery, o tempo de resposta deve ser baixo, a fim de oferecer o melhor atendimento dos fornecedores aos clientes Nesse tópico, serão explicados os requisitos funcionais e não funcionais adotados por cada aplicação, a disposição das páginas e do projeto, a fim de passar uma visão geral das aplicações e como elas trabalho em conjunto e individualmente. 4.1 Levantamentos de requisitos 4.1.1 Requisitos funcionais da aplicação dos consumidores Os objetivos a serem atendidos pela plataforma são adequados a cada um dos requisitos funcionais fundamentais para a execução deste projeto. Para melhor entendimento desses requisitos, os referentes ao app dos consumidores são apontados no quadro 1 que segue: Quadro 1 – Quadro demonstrativo dos requisitos funcionais do app dos consumidores ID Título Descrição CRF01 Cadastro Disponibilizar, antes de qualquer acesso, a possibilidade de o usuário realizar seu cadastro no sistema, dando-o assim, um meio de autenticação. CRF02 Login Ao usuário que já tenha acesso ao sistema, apresentá-lo, no caso de não autenticado, o painel de autenticação (login). CRF03 Recuperação de conta Dar a possibilidade de recuperação de acesso, em caso de perda de dados, mostrando-o a página de recuperação. CRF04 Alteração de dados Para os usuários manterem seus dados atualizados, ao se autenticar o usuário poderá inserir novos dados que substituirão os existentes. CRF05 Pesquisar produto ou empresa A fim de facilitar as procuras por um produto, manter sempre métodos de auxilio nas buscas, seja uma barra de pesquisa ou formas de filtragem nas páginas com esse fim. 32 CRF06 Adicionar produto aos favoritos Ao gostar de um produto, o cliente tem acesso a um botão que adicionará este produto a uma lista reservada para acesso facilitado somente dele. CRF07 Excluir dos favoritos Quando uma empresa parar de fornecer um produto ou o cliente que o tiver na sua lista de favoritos decidir não querer mais ele e clicar em excluí-lo, este produto será excluído imediatamente desta lista. CRF08 Adicionar produto ao carrinho Ainda na tela de exibição de um produto, o cliente poderá adicioná-lo ao seu carrinho clicando em “adicionar ao carrinho”, sendo apenas possível se o produto estiver disponível, o que é marcado pelo fornecedor. CRF09 Excluirproduto do carrinho Na lista de produtos do carrinho, os produtos são exibidos de forma segmentada por empresa, logo, o cliente poderá excluir tanto um vetor de produtos de uma empresa, como um único produto desse vetor. CRF10 Realizar pedido Ainda na lista de produtos do carrinho o cliente poderá, clicando em “confirmar pedido”, realizar seu pedido, levando os dados do cliente, do pedido e do fornecedor para a lista de pedidos dos dois agentes. CRF11 Excluir pedido Ao realizar um pedido, o cliente é direcionado a página referente a esses. Logo, poderá realizar o “cancelamento” caso o pedido ainda esteja com o status “realizado” ou marcar como “recebido”, ambos os casos excluem o pedido dessa lista. CRF12 Feedback Para melhorar aplicação constantemente, um meio de comunicação é necessário. Logo, a aba “sobre nós” dá a possibilidade de envio de quaisquer informações sobre o app, por meio do Whatsapp. Fonte: Autor (2020) 4.1.2 Requisitos funcionais da aplicação dos fornecedores Já para o app das empresas, os requisitos funcionais evidenciados são apresentados no próximo quadro: Quadro 2 – Demonstrativo de requisitos funcionais do app das empresas ID Título Descrição FRF01 Cadastro Disponibilizar, antes de qualquer acesso, a possibilidade de a empresa realizar seu cadastro no sistema, dando-o assim, um meio de autenticação. FRF02 Login A empresa que já tenha acesso ao sistema, apresentá-la, no caso de não autenticada, o painel de autenticação (login). FRF03 Recuperação de Dar a possibilidade de recuperação de acesso, em caso de 33 conta perda de dados, mostrando-a a página de recuperação. FRF04 Alteração de dados Para as empresas manterem seus dados atualizados, ao se autenticar essa poderá inserir novos dados que substituirão os existentes. FRF05 Listar produtos Antes de adicionar um produto, é apresentado a lista com todos os produtos anteriormente adicionados ou vazia, com opções de exclusão, inserção e buscar por nome. FRF06 Adicionar produto Na página de adicionar um produto, provê caixas de entrada inerentes as características de um produto, como foto, nome, quantidade, disponibilidade, dentre outros. FRF07 Excluir produto Quando uma empresa parar de fornecer um produto, ela tem acesso na lista dos seus produtos à um botão para devida exclusão. FRF08 Alteração de um produto A página de inserção que alterna para alteração de um produto quando o fornecedor clica em um produto já existente, serve para edição e atualização dos dados de um produto. FRF09 Recebimento de pedidos Na tela inicial é apresentado sua lista de pedidos, sendo separadas por status “aguardando atendimento” e “em andamento”, podendo assim, acessar os seus detalhes. FRF10 Excluir pedido O fornecedor pode, a qualquer momento, marcar o pedido como cancelado, sendo assim, excluído de sua lista. FRF11 Pesquisar pedido ou produto Na página inicial para filtrar os pedidos, esses são segmentados por status. Já na listagem dos produtos, esses podem ser buscados pelo nome em uma caixa de pesquisa. FR211 Suporte Em caso de algum problema na aplicação ou mesmo para sujestão de algo, os fornecedores, por meio do Whatsapp, podem se comunicar com o gestor da plataforma. Fonte: Autor (2020) 4.1.3 Requisitos não funcionais da plataforma A forma com que a aplicação atenderá à esses requisitos é chamado de requisitos não funcionais, métodos esses que são explicitados na seguinte tabela: Quadro 3 – Demonstrativo dos requisitos não funcionais da plataforma RNF01 Sincronia Manter dados sincronizados com o banco atualizando-os em tempo real. RNF02 Latência Obter menor tempo de transferência e atualização possível. RNF03 Persistência Dados alterados offline são salvos em cache e enviados ao banco de dados assim que uma conexão for estabelecida. RNF04 Transparência Manter usuário informado em quaisquer casos, seja erro ou sucesso no retorno de dados ou no carregamento de uma 34 página. RNF05 Segurança Garantir autenticidade e segurança aos usuários, evitando envio de senhas sem criptografia e dados cruzados incorretamente. Fonte: Autor (2020) 4.2 Estrutura lógica da aplicação dos consumidores Para exemplificar a interação esperada com os consumidores, a seguir é apresentado o fluxograma que foi adotado para ter noções iniciais da fluidez dentre as páginas da aplicação dos clientes: Figura 13 - Fluxograma da aplicação dos consumidores Fonte: Autor (2020) Com o fluxograma apresentado, tem-se noções básicas da forma esperada de uso por parte dos consumidores, onde é possível observar que eles terão a qualquer momento atalhos no sidebar para qualquer página dentre as principais do app e para logout. Sendo assim, os usuários terão maior facilidade de encontrar o que desejam de forma objetiva. Esse sidebar é apresentado na imagem que segue: 35 Figura 14 – Representação do componente Sidebar do app dos consumidores Fonte: Autor (2020) Com o mesmo intuito do fluxograma, a segui o diagrama de caso de uso e as devidas interações dessa aplicação são apresentados. Assim, é possível observar as funções da aplicação que foram tratadas, tanto no fluxo esperado quando na rota alternativa. 36 Figura 15 - Diagrama de caso de uso da aplicação dos consumidores Fonte: Autor (2020) Já no diagrama de caso de uso, é notório as principais interações do usuário com as funções do sistema, tendo inicialmente que ter um perfil validado no login, assim, podendo executar os demais métodos. Ainda, o fornecedor, após publicação de um produto no banco de dados, fica à espera de um pedido feito nessa aplicação, tendo interação apenas quando essa ação é realizada pelo cliente. 4.2.1 Interação de login Ao iniciar a aplicação pela primeira vez ou após fazer logout, o consumidor terá que realizar a validação do seu perfil na tela de login, onde, precisará inserir um e-mail e uma senha. Ainda, caso o usuário não possua esses dados, é nesta página que ele encontrará os 37 respectivos direcionamentos para as telas onde poderá obtê-los, sendo elas Recuperar Conta e Cadastre-se. No caso de um usuário tentar realizar essa validação com dados inesperados pelo sistema, será apresentado um dos dois tipos de mensagens de erro. O primeiro tipo é no próprio campo de entrada, onde será marcado com vermelho e uma frase indicará o erro, esse tipo é apresentado nos seguintes casos: com dados que não satisfaçam o modelo padrão de um e-mail ou uma senha de no mínimo 6 dígitos ou algum dos campos esteja vazio. O segundo tipo é acionado quando o usuário preenche as validações iniciais e clica no botão de login, apresentando assim, um toast (mensagem na parte inferior da tela com tempo de duração) informando o erro que ocorrera, esse que é enviado pelo próprio firebase. Esses erros são chamados quando ocorre: o preenchimento com informações que não consistam no banco de dados ou falta de conexão com a internet. 4.2.2 Interação de cadastro e alteração de dados Ainda no login, clicando no botão que direcionará para a página de cadastro, o usuário poderá inserir seus dados conforme são necessariamente pedidos, sendo os dados de perfil: Nome, Sobrenome, E-mail, Senha, Confirmação de Senha, Idade e os de contato: Rua, Número, Bairro, Cidade, Telefone e um Complemento. Por fim, realizar o registro clicando no único botão desta página. Ainda, idêntico a página de cadastro, o usuário terá a opção de edição de seus dados já salvos, navegando pelo sidebar até a página de alteração de dados. Os possíveis erros esperados por essa página são: campos vazios, formato de e-mail errado, senha com menos de 6 dígitos, confirmação de senha diferente da senha anteriormente digitada, falha na conexão ou e-mail já cadastrado. Assim como no caso do login, o firebase é o responsávelpor enviar uma mensagem de erro para o toast desta página, informando qual ocorreu, isso quando o usuário já passou pelas validações iniciais das mensagens nos campos de entradas e clica em cadastrar-se. 4.2.3 Recuperação de conta Partindo também do login, é possível observa o link que direciona a página de recuperação de senha, estando nela o usuário tem apenas a entrada de texto para inserção do e-mail e o botão de envio de um link de recuperação de dados para o e-mail digitado. 38 Os únicos erros esperados neste caso, são o de falha na conexão ou e-mail não cadastrado, pois o botão de envio só é liberado quando as demais validações de formato são aceitas. 4.2.4 Interação com as pesquisas Após ter o perfil validado e adentrar no sistema, o usuário, já na página inicial, poderá observar diversas categorias de empresas para começar a filtrar as de seu interesse, ainda, há a barra de pesquisa no topo da página, dando a opção de buscar um produto diretamente. Além dessas opções, no sidebar o cliente terá um atalho para buscar qualquer produto a partir da categoria deste, assim como terá um atalho para uma lista com todas as empresas. Logo, as possibilidades de encontrar um produto são diversas, podendo busca-lo por nome na página inicial, pesquisar na lista de categorias, ou ainda, acessar o perfil de uma empresa e encontrar apenas os seus produtos. Neste caso, uma rota alternativa é apresentada no caso de uma pesquisa retornar vazio, logo é apresentado um texto fixo em tela, mostrando o motivo do erro, seja falta de conexão ou falta do dado pesquisado no banco de dados. 4.2.5 Interação com o gerenciamento de favoritos Ao acessar os detalhes de um produto, o cliente poderá adiciona-lo à sua lista de favoritos clicando no ícone de coração ao lado do nome do produto. Para realizar a exclusão ou visualização deste produto, no sidebar ele encontra a opção de “Meus Favoritos” para acessar a lista com estes. Nesta página, são esperados erros de conexão e de retorno de vazio, sendo apresentado em tela, de forma fixa, assim como na interação de pesquisa. 4.2.6 Interação com o carrinho Ainda na página de detalhes de um produto, há, de forma explicita e chamativa, a opção de adicionar ao carrinho, enviando para esta lista os dados deste produto, do fornecedor e do cliente. Ao acessar o carrinho, o usuário terá os produtos adicionados de forma segmentada por empresa, podendo excluir um produto ou todos os produtos de uma empresa ali encontrados. Além disso, poderá alterar a quantidade requerida em cada produto de forma 39 distinta. Por fim, ele poderá realizar seu pedido, momento em que o fornecedor receberá no app Buyers Sheeps - Fornecedores a atualização de sua lista de pedidos. Nesta interação, são esperados erros de retorno vazio e de conexão, onde também aparecerá uma mensagem fixa na página informando o motivo do mesmo. 4.2.7 Interação com o sistema de pedidos Nessa interação, foi adotado um sistema de status com as seguintes possibilidades e seus significados: a) Realizado: Status que indica que o cliente finalizou um pedido, enviando-o ao fornecedor responsável. Apenas o cliente pode ativá-lo. b) Em andamento: Momento em que o fornecedor abre o atendimento de um pedido que acabou de receber, colocando em andamento até o momento da entrega. Apenas o fornecedor pode ativar este status. c) Cancelado: Ao perceber algum problema no seu pedido, o cliente pode cancelá-lo, desde que, o fornecedor ainda não o tenha colocado em andamento, neste caso, o usuário é direcionado ao WhatsApp do fornecedor para realizar o cancelamento do modo que lhes convier. Em outro caso, o fornecedor pode realizar o cancelamento a qualquer momento, sendo obrigado a enviar um motivo de cancelamento, que chegará em forma de alerta para o cliente. d) Entregue: Esse status pode ser ativado pelos dois agentes, um pedido deve assumir este valor apenas quando a entrega for finalizada. Os erros esperados nesta página tendem aos padrões, sendo erros de conexão e de retorno vazio, assim como as demais, são apresentadas fixas na tela. 4.2.8 Entrar em contato É exposto uma página no sidebar onde um fornecedor ou um cliente pode entrar em contato conosco, seja para fazer negócio ou passa algum feedback, assim, mantendo uma linha de comunicação com os usuários e fornecedores. 40 Não há rota alternativa para esta interação, sendo links que independem de internet para serem realizadas, não tendo nenhuma entrada de texto e não tem nenhum tipo de retorno do banco de dados. 4.3 Estrutura lógica da aplicação dos fornecedores A fim de demostrar como é esperado o uso da aplicação dos fornecedores, abaixo é apresentado o fluxograma que exemplifica os direcionamentos e principais decisões dentro de cada página ou fluxo do app. Figura 16 - Fluxograma da aplicação das empresas Fonte: Autor (2020) Logo, assim como no app dos consumidores, esse tem um sistema de login e tratamento de dados cadastrais de forma suscinta, afim de ser uma plataforma limpa e simples para ambos os tipos de usuários. Ainda é possível notar que há o sidebar, que dará a qualquer momento atalhos para as páginas principais da aplicação, esse que é apresentado a seguir. 41 Figura 17 - Representação do componente sidebar do app das empresas Fonte: Autor (2020) Para melhor entender o modo como os fornecedores verão as possibilidades de utilização dessa aplicação, abaixo é apresentado o diagrama de caso de uso, exemplificando as principais interações deste usuário com a plataforma. 42 Figura 18 - Diagrama de caso de uso do app das empresas Fonte: Autor (2020) Com o diagrama acima, é observável as interações de forma simples e para melhor entendimento desses casos de uso, é apresentado abaixo as devidas considerações sobre cada um deles, levando em conta o fluxo esperado e alguns erros tratados. 4.3.1 Interação de login Com um sistema de login idêntico ao do app dos clientes, mas com o documento do banco de dados diferente, é esperado que os fornecedores, tendo um perfil ativo, entrem a partir de um e-mail e uma senha. Podendo observar ainda, links que direcionarão para a página de cadastro ou de recuperação de conta. 43 Em rota alternativa, no caso de uma inserção de dados sem o formato adequado, é exibido um texto informando o erro. Logo, com essa primeira validação aceita e no caso de algum outro tipo de erro, como falha na conexão ou perfil inexistente, o firebase informará em um toast o motivo do erro. 4.3.2 Interação de cadastro e alteração de dados As páginas de entrada de dados referentes ao perfil do comerciante são responsáveis por obter todos os dados públicos e privados necessários para sua existência no sistema. Sendo eles: logotipo, nome, slogan, proprietário, e-mail, senha, confirmação de senha, categoria, rua, número, bairro, cidade, complemento, telefone1 e telefone2. Assim como no primeiro app, os erros tratados nesta página são, em texto fixo, formatos de texto inesperados, senha e confirmação diferentes ou com menos de 6 dígitos e imagem não suportada. Já para os erros vindos do banco de dados, são esperados erros de conta existente e erro na conexão. 4.3.3 Recuperação de conta Com o intuito de garantir a maior independência possível dos usuários, foi criado a partir de serviços do firebase uma forma de recuperar o perfil sem a intervenção do suporte técnico, sendo assim necessário o envio do e-mail para tal ação. Logo, como no app dos consumidores, a única entrada de texto é do e-mail, com isso, os erros esperados são apenas de e-mail inexistente ou falhas de conexão, pois os demais são validados antes da liberação do clique no botão de recuperação. 4.3.4 Interação com o gerenciamento de produtos Parao gerenciamento de produtos, são implementadas todas as fases de um CRUD (create, read, update e delete), sendo necessário uma página de listagem de todos os produtos de uma empresa, onde também é possível realizar a exclusão de algum. Ainda, é imprescindível uma página de leitura de um único produto, podendo a partir dessa leitura, fazer alguma edição. Vale ressaltar que a mesma página de leitura de um único produto, é reutilizada para criação de um novo produto. 44 Para tratar dos possíveis erros, são exibidos mensagem fixa na tela, informando o motivo da falha quando tenta-se carregar a lista de produtos, podendo apresentar erros de conexão ou retorno vazio. Ainda, na página de detalhes do produto, pode apresentar em toast, uma mensagem no caso de não encontrar o id no banco de dados ou também, por falha de conexão com o banco ou com a internet. 4.3.5 Interação com o sistema de pedidos Da interação com os pedidos, tratados na página principal do app, o fornecedor terá uma lista de seus pedidos, separados por “Aguardando atendimento” e “Em atendimento”. Na primeira aba, é possível abrir um pedido e ter as opções de “Realizar atendimento” e “Cancelar atendimento”, observando uma lista com os detalhes do cliente e dos produtos requisitados. Na segunda aba, o fornecedor tem as opções de “Cancelar atendimento” e “Entregue”, este que só é ativo após o pedido estar em andamento. Sendo assim, mantendo o cliente sempre informado do andamento do seu pedido. Logo, são tratadas as falhas de conexão com o banco ou internet ao tentar atualizar status, dando um retorno ao usuário por meio de um toast, podendo haver também, erros no carregamento, sendo apresentado um texto fixo na tela. 4.3.6 Suporte A fim de prover um sistema de comunicação direta entre os fornecedores cadastrados e o suporte, há uma página específica para tal, onde é possível encontrar diversas possíveis questões já respondidas e onde é possível conseguir um direcionamento para o WhatsApp de suporte. Há a possibilidade de o app não encontrar conexão, ocorrendo erro de lista vazia e exibindo uma mensagem fixa com o devido informativo. Não havendo entrada de texto, essa é a única forma de interação indesejada que é esperada. 4.3.7 Interação de pesquisas Com a intenção de facilitar as buscas por um pedido, a página inicial, onde encontram- se a lista de pedidos, foi segmentada em duas abas, sendo “Aguardando atendimento” e “Em 45 atendimento”. Assim como, para encontrar um de seus produtos, as empresas terão uma caixa de pesquisa no topo da lista de produtos, a fim de encontrar um produto pelo nome de forma fácil e rápida. Como rota alternativa, essas páginas podem apresentar erros de conexão, mostrando o motivo do erro em uma mensagem fixa na tela, assim como, no caso de ocorrer um retorno vazio de algum dos documentos no banco, com isso, dando um feedback ao fornecedor. 4.4 Da estrutura do projeto de software Para tanto, além do componente sidebar criado pelo autor , representado na figura 19 como “Component”, e dos arquivos comuns a todo projeto com Ionic, este foi dividido em 4 pastas principais, seus arquivos segmentados e padronizados, levando em conta as boas práticas de desenvolvimento de software, sendo elas: Pages, Interfaces, Services e Guards. Figura 19 - Estrutura de arquivos do projeto Fonte: Autor (2020) Com essa tecnologia, uma página é composta normalmente por 6 arquivos, e esse projeto também usará isso como base, são elas e suas funções de forma simplificada: 46 a) nomePage.html - Estrutura visual, b) nomePage.ts - Lógica funcional, c) nomePage.scss - Estilo dos componentes visuais, d) nomePage.spec.ts - Módulo de testes, e) nomePage.module.ts - Para o Lazy Loading dos componentes, f) nomePage.routing.module.ts - Roteamento com outros arquivos. Essa estrutura pode ser visualizada na imagem que segue, com o exemplo da página home. Figura 20 - Estrutura de arquivos de uma página Fonte: Autor (2020) As Interfaces, neste projeto, são classes que comportam estruturas de códigos comuns a diversas páginas, como os atributos de um Usuário, necessários ao seu cadastro e recuperação de dados na plataforma. A vantagem de usar as Interfaces está no reaproveitamento de código, evitando ter que recriar uma classe ou conjunto de variáveis em todas as páginas necessárias, além de evitar, também, erros como o esquecimento de alguma variável nessas classes, melhorando assim, o entendimento dessas estruturas de código. Já os Services são arquivos que, assim como as Interfaces, servem para comportar estruturas de código comuns, mas em vez de atributos, ele é formado por métodos como o CRUD (Create, Read, Update e Delete) com o banco de dados ou o serviço de autenticação, evitando ter essas porções de código espalhadas pelas diversas páginas. Por fim, os Guards são arquivos relativamente pequenos dentro deste projeto, mas com funções muito importantes, pois são eles que garantem que o usuário não terá acesso a determinada página sem a autenticação necessária, dando maior segurança e confiabilidade ao software. A fim de demonstrar a interação da plataforma como um todo, unindo as interfaces, services e classes com suas devidas conexões, abaixo é apresentado um diagrama de classes. 47 Com isso é possível o entendimento, em um contexto geral, do funcionamento dos dois aplicativos trabalhando em conjunto, e assim, poder entender de forma abstrata os objetivos de cada ator, funções e atributos dentro do escopo da plataforma. Figura 21 - Diagrama de classe da plataforma Fonte: Autor (2020) Atuando em conjunto, os dois aplicativos possuem diversas interligações em comum, pois aonde um ator publica, o outro compra, aonde um realiza um pedido, o outro atende. Logo, na diagramação desta plataforma o resultado obtido foi objetivo e conciso, a fim de passar da melhor maneira as interações entre as aplicações que compõe o produto de software evidenciado neste trabalho. 48 5 RESULTADOS E ANÁLISES Nesta seção, são apresentados os resultados das pesquisas de mercado, realizadas com os consumidores e com as empresas atuantes na modalidade delivery da cidade de Tauá-CE. Em seguida, o resultado do produto de software construído, demonstrando os objetivos que foram alcançados e a visualização dos protótipos em execução. 5.1 Resultados e análises das pesquisas Com o objetivo de pesquisa completo, as hipóteses desse projeto se mostraram corretas, com muitas pessoas de diversas faixas etárias adeptas à ideia de ter um aplicativo que promova um sistema de delivery através de pedidos online, tal qual este trabalho propõe. Além disso, todas as empresas se posicionaram interessadas em um produto de software como o proposto. Portanto, segundo as respostas dos questionários, a criação de um sistema que leve em conta as questões negativas e positivas desse banco de respostas, ajudaria a evitar muitos erros de comunicação no atendimento, melhorando as experiências e centralizando o mercado online municipal. Obtendo assim, um grande diferencial em relação as demais aplicações que apresentam seus serviços no município. Sobre as dificuldades encontradas, a de maior relevância foi a de obter dados a partir dos questionários, com a dos consumidores tendo maior visibilidade em redes sociais como Facebook e Whatsapp e a dos comerciantes sendo enviadas diretamente para o contato deles. A disponibilidade das empresas em responder o questionário foi menor, porém, as que o fizeram mostraram concordância com a proposta deste trabalho, inclusive com a possibilidade de oferecer feedbacks durante o desenvolvimento do app. Ainda, dando ênfase aos dados do formulário dos fornecedores, é observável que 100% das respostas indicaram utilizar Whatsapp e 92,3% Instagram para receberempedidos, o que reforça uma necessidade que na penúltima questão foi também confirmada, onde 69,2% apontaram que necessitam de um projeto assim. Logo, a modalidade delivery continua em constante crescimento e desenvolvimento, o que faz com que este trabalho tenha potencialidade de atingir uma considerável parcela desse mercado no município. 49 5.2 Resultados e análises do desenvolvimento dos softwares 5.2.1 Layout e cumprimento dos requisitos funcionais do app dos consumidores O aplicativo dos consumidores possui 16 páginas, distribuídas em: Login, Cadastro, Recuperar Senha, Página inicial, Favoritos, Empresas, Perfil da Empresa, Produtos, Categorias de Produtos, Subcategorias de Produtos, Produto Detalhado, Carrinho, Meus Pedidos, Pedido Detalhado, Perfil e Sobre Nós. Essas podem ser categorizadas em 4 tipos a partir do seu conteúdo e interface, são elas: a) Páginas de dados do usuário, possuindo Login, Cadastro, Recuperar Senha e Perfil. Nesta categoria são encontradas entradas simples de dados dos usuários, usadas para realizar autenticação, recuperação de conta e receber os dados de contato que serão utilizados quando o mesmo fizer algum pedido. A fim de cumprimento de requisitos, essas páginas respondem aos requisitos funcionais CRF01, com o cadastro do usuário; CRF02, com a página de login; CRF03, com a recuperação dos dados de uma conta e CRF04, com a possibilidade de alteração de dados cadastrais no perfil. Abaixo é possível ver as páginas citadas e ter noções do layout. 50 Figura 22 - Páginas de entrada de dados no app do consumidor (1) Fonte: Autor (2020) 51 Figura 23 - Páginas de entrada de dados no app do consumidor (2) Fonte: Autor (2020) b) Páginas de listagem, sendo a Página Inicial, Empresas, Categorias de Produtos, Subcategorias de Produtos e Produtos, essas que atuam no cumprimento dos requisitos CRF05, possibilitando a buscar por um produto pelo searchbar ou filtrando por categoria e de uma empresa pelas categorias expostas na listagem ou select. Esse tipo de página possui ainda a Meus Pedidos que exibe e dá a possibilidade de exclusão de um pedido, contribuindo para o CRF11, Favoritos que lista um vetor com produtos separados para o cliente e Carrinho que contribui no cumprimento da CRF09 na exclusão de um pedido do carrinho. Local de listagem de dados, onde é possível encontrar muitos dados ordenados, a fim de mostrar diversas possibilidades de escolha para o usuário. Com o dito, na figura que segue é exposto as páginas Produtos, Principais Categorias, Meu Carrinho e Meus Pedidos, respectivamente, a fim de exemplificar os modelos de listagem e forma de dispersão dos componentes de cada item dentro de uma lista no app. 52 Figura 24 - Páginas de listagem do app dos consumidores (1) Fonte: Autor (2020) 53 Figura 25 - Páginas de listagem do app dos consumidores (2) Fonte: Autor (2020) c) Páginas de detalhes, com o Perfil da Empresa, Produto Detalhado e Pedido Detalhado. Ao selecionar algum item dentro de uma lista, seja uma empresa, produto ou um de seus pedidos, o usuário vai para uma página detalhada deste item, afim de possibilitar uma melhor visualização, contribuindo para os requisitos CRF06, CRF07 no gerenciamento de favoritos. CRF08 na adição de um produto ao carrinho e CRF11 na possibilidade de exclusão de um pedido. Com isso, a figura abaixo mostra o perfil de uma empresa, detalhes de um produto e pedido detalhado na visão dos usuários. 54 Figura 26 - Páginas de detalhes da empresa, do produto e do pedido (visão do consumidor) Fonte: Autor 2020 d) Páginas de Suporte, possuindo apenas a página Sobre Nós. Esta mostra informações públicas do Buyers Sheeps de forma simplificada, dando a possibilidade de uma empresa entrar em contato a fim de assinar o serviço, assim como, dos usuários mandarem feedbacks para melhoria da aplicação. Essa página justifica o requisito CRF12, dando o meio de comunicação ao usuário. As páginas de maior importância, por demandar uma maior complexidade de integração com o banco de dados, são Carrinho e Meus Pedidos, pois necessitam trabalhar e assimilar sem possibilidade de erros os diferentes tipos de dados de diferentes alocações, de forma impecável e síncrona, produzindo um resultado correto para cada usuário sobre seus pedidos em cada empresa. 5.2.2 Layout e cumprimento dos requisitos funcionais do app fornecedores Na aplicação dos fornecedores há 9 páginas, sendo elas: página inicial, pedidos detalhados, meus produtos, editar/criar um produto, alterar dados, cadastro, login, recuperar 55 conta e suporte. Também, assim como o app dos consumidores, podendo ser categorizadas pelo conteúdo de seu layout: a) Páginas de dados - Páginas cujo fim é obter informações para sincronizar no banco de dados, possuindo campos de entrada de texto e de arquivos, no caso, imagens. Esse tipo de página é visível nas páginas: cadastro, login, recuperar conta e alterar dados. Assim como no app dos clientes, essas páginas cumprem os requisitos de autenticação e manutenção de dados referente a CRF01, CRF02, CRF03 e CRF04. Dentre essas, as páginas a seguir são apresentadas para se ter noções do layout adotado para esse tipo de página: Figura 27 - Páginas de entrada de dados no app das empresas Fonte: Auto (2020) b) Páginas de detalhes - Semelhante ao app dos consumidores, as páginas deste app possuem um background dark, mas com opções diferentes de interação. A exemplo da página pedido detalhado que possui, neste app, as funções de mudar o status para “Em andamento”, “Entregue” e “Cancelado”, enquanto essa página no app dos consumidores pode alterar para “Realizado”, “Entregue” e “Cancelado”. Portanto, essa página cumpre o requisito FRF10, na alteração do status ao excluir. Ainda, também há a página de edição e criação de um produto, possuindo entrada de texto, mas se assimilando mais com o detalhamento de um produto, entrando assim, nessa categoria e cumprindo o requisito FRF06 e FRF08. 56 Figura 28 - Detalhes de um pedido e de um produto (visão da empresa) Fonte: Autor 2020 c) Páginas de listagem - Nesta categoria, são encontradas as páginas: página inicial e meus produtos, com o mesmo intuito apresentado no app dos consumidores, esse tipo de página oferece uma listagem de vários itens, sejam produtos ou pedidos, com isso, essas páginas cumprem os requisitos funcionais citados em FRF05, FRF09 e FRF11. A seguir as páginas são exibidas para uma melhor noção do layout. 57 Figura 29 - Páginas de listagem do app das empresas Fonte: Autor 2020 d) Página de suporte – Nesta, é apresentado algumas possíveis dúvidas respondidas, além de um botão com direcionamento para o WhatsApp, para assim, realizar novos questionamentos sobre a plataforma e assim ter quaisquer dúvidas sanadas. Logo, cumprindo o requisito de feedback citado no requisito FRF12. 5.2.3 Análise final do desenvolvimento Com a proposta deste trabalho de desenvolver uma plataforma de e-commerce para o município de Tauá e de reunir dados sobre a necessidade de uma, foi possível chegar a um protótipo construído com Ionic framework e Firebase, observando-a como uma proposta válida, segundo os dados obtidos em pesquisa com a população de consumidores e comerciantes da modalidade delivery. Como a plataforma de comércio ainda está na fase de protótipo, não é rentável, logo, serviços pagos como notificações push, upload para a Google Play/App Store e contrato com o Firebase para obter um poder de armazenamento maior, ficaram de fora do projeto, mas 58 tudo indica que tal plataforma terá futuramente a aceitação necessária para ser mantida com os serviços necessários à sua melhor performasse.
Compartilhar