Flor de Liz 1º e 2º

Prévia do material em texto

7
Sistema de Ensino Presencial Conectado
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS
David Allyson Casciano Ferreira
Francisco José Gomes de Medeiros
Matheus Marques de Morais
Macieldo Fernandes dos Santos
Rykson de Medeiros Rique
Valter Dantas Pereira Junior
fábrica de calçados flor de liz
PATOS-PB
2017
David Allyson Casciano Ferreira
Francisco José Gomes de Medeiros
Matheus Marques de Morais
Macieldo Fernandes dos Santos
Rykson de Medeiros Rique
Valter Dantas Pereira Junior
 Utilizando tecnologias atuais e modernas para sistemas delivery
 
fábrica de calçados flor de liz
Trabalho de portfólio
 apresentado à Universidade Norte do Paraná - UNOPAR, como requisito par
cial para a obtenção de média se
me
stral na disciplina de Análise e desenvolvimento de sistemas
Orientador: Prof.
 
Merris
 Mozer
 
Marco I. 
Hisatomi
 
Anderson E. M. Gonçalves
 
Stefany
 Ferreira 
Feniman
 
Roberto 
Yukio
 
Nishimura
 
 
PATOS-PB
2017
SUMÁRIO
INTRODUÇÃO
Nessa dissertação iremos apresentar o projeto de desenvolvimento da Fábrica de calçados Flor de Liz, onde com base em pesquisas sobre processos de negócio. Apresentaremos uma especificação detalhada sobre uma proposta de software para vendas de calçados na internet (e-commerce).
Ainda nas especificações do sistema de Vendas, elaboraremos um diagrama de passos fundamentais, do processo com, utilizando as regras de Business Process Model. Além disso, vamos construiremos as telas de cadastro de todos os controles, com a linguagem de marcação, HTML, bem como uma página para divulgação dos produtos produzidos pela fábrica de calçados e, por fim, vamos resolver o desafio lógico proposto, para que assim, o cliente tenha melhor controle da produção e demanda dos calçados.
OBJETIVO
Desenvolver um sistema e-commerce para otimizar as vendas da Fábrica de calçados Flor de Liz e criar uma página de divulgação dos calçados, com base nas pesquisas sobre processos de negócio e utilizando as linguagens HTML e CSS. Desenvolver um Diagrama BPMN para organizarmos os passos fundamentais do processo. Resolver o desafio lógico proposto.
DESENVOLVIMENTO
processos de negócio
Um processo de negócio é uma sequência de atividades iniciadas a partir de uma demanda e com o objetivo de entregar algum resultado. Existem diversos processos de negócios, que integrados entre si são disparados a partir de demandas internas, de clientes, de fornecedores, do governo, de órgãos da sociedade e entregam produtos prontos, relatórios financeiros, guias de impostos a pagar, níveis aceitáveis de emissão de poluentes, materiais em estoque para a produção, etc. Um bom exemplo seria compras. Supondo que uma indústria tenha um sistema informatizado que detecte a partir da previsão de vendas que o nível de estoque não será suficiente para a produção, é disparado um processo de compras.
Neste processo, as pessoas do departamento de compras ao receberem a notificação da necessidade, fazem contato com os fornecedores, fazem cotações para obter preços, condições de pagamento e prazos de entrega, escolhem o fornecedor com as melhores opções, emitem um pedido de compra, monitoram a entrega, cobram do fornecedor por eventuais desvios em relação ao combinado e se certificam que os materiais comprados estão disponíveis no estoque.
Abordagem de requisitos
Para iniciar o projeto, é preciso fazer o levantamento dos requisitos, entrevistar o cliente para que possamos entender suas necessidades e desejos, estes serão mapeados, e então definirão e documentarão o que o software precisa fazer para atendê-lo de forma adequada.
O conjunto de toda essa documentação formará a especificação de requisitos do produto, além de detalhar o que o software deve fazer, esse documento servirá como uma espécie de contrato entre o cliente e nós, desenvolvedores. Caso ocorra qualquer comportamento diferente do esperado, será considerado um defeito, isso é feito para proteger o cliente, pois ele quer receber o que ele pediu e também protege a nós, porque não teremos que entregar nada além daquilo que nos foi solicitado.
Processos para o desenvolvimento
O processo é um conjunto de ações em sequência feitas por uma ou mais pessoas, ou uma organização, afim de alcançar um objetivo pré-definido. Este objetivo pode ser com a finalidade para vendas, prestação de serviços, produção, dentre outras várias possibilidades.
A divisão de processos mais trabalhada hoje em dia é o BPM (Business Process Management), em português, Gerenciamento de Processos de Negócios, que é um guia projetado para auxiliar profissionais de BPM. Nesse diagrama é apresentada a divisão dos processos empresariais em três grupos: primários, de suporte e gerenciais.
Processos primários
Os processos primários são aqueles processos essenciais e que representam as atividades que uma organização desempenha para cumprir sua missão. Por isso eles têm relação direta com o cliente, ou seja, são os processos mais palpáveis para o consumidor.
São exemplos de processos primários a criação e produção de determinado produto, a divulgação, a venda e a pós-venda dele.
Processos de suporte
Como o próprio nome já diz, os processos de suporte são aqueles que oferecem suporte para os processos primários, ou seja, são os processos que agregam valor ao produto final, mas que, por se tratarem de procedimentos internos, o cliente não os vê diretamente.
São exemplos de processos de suporte os setores de recursos humanos e tecnologia da informação.
Processos gerenciais 
São os processos estabelecidos para coordenar e controlar as atividades da empresa. Ou seja, os processos gerenciais garantem que os processos primários e os processos de suporte estejam sendo bem executados e traçam planos para a continuidade das operações. Esses processos também não agregam valor direto ao cliente, mas estão presentes antes, durante e depois do processo.
SISTEMATIZAÇÃO DE PROCESSOS DE VENDAS
A elaboração dos processos de vendas tem como objetivo principal identificar qual a melhor sequência de atendimento e qual a melhor forma para se alcançar resultados. O processo de vendas direciona o dia a dia dos colaboradores, apontando o que, como e quanto fazer, explicando didaticamente o passo a passo de cada tarefa a ser executada.
	Para a Fábrica de calçados ter essa sistematização para seu processo de vendas, deverá seguir uma rotina formada por 10 passos a serem seguidos pelos vendedores. A definição desse tema justifica-se pela necessidade de se verificar se os vendedores realmente estão cumprindo os passos que efetivam essa sistematização.
Marketing
O Marketing é a ciência é a arte de conquistar e manter clientes e desenvolver relacionamentos lucrativos com eles, sendo que as ações de marketing devem partir das necessidades dos consumidores potenciais, não do processo de produção. Estas ações devem suportar os serviços a serem ofertados em nível de pós-vendas. O contexto em que o pós-venda é apresentado aqui está dentro da teoria conhecida como “marketing industrial”, que, engloba os usuários e consumidores de produtos ligados as indústrias, tendo as ações de marketing características mais institucionais e direcionadas muitas vezes a um único consumidor ou um pequeno nicho específico de clientes, ao contrário do ocorrido com as estratégias usuais de marketing.
As funções e serviços necessários ao marketing industrial, que passam pela especificação do produto no processo de pré-venda, passando pela instalação do produto ou serviço, chegando até as garantias de pós-venda oferecidas como complemento a venda. Os mercados industriais têm diversas características que contrastam fortemente com os mercados consumidores, que são as seguintes: poucos compradores, grandescompradores, relacionamento estreito entre fornecedor-comprador, compradores concentrados geograficamente, demanda derivada, demanda inelástica, demanda flutuante, compra profissional, várias influências de compra, compra direta e, reciprocidade.
Vendas
Muitas são as empresas cuja atividade principal é a venda, pois elas
dependem disso para sobreviverem no mercado, e seu foco é o desenvolvimento de
técnicas de vendas para gerar grandes volumes no comércio. As vendas são importantes tanto para os consumidores quanto para a empresa. Para os primeiros, proporciona melhoria do padrão de vida, pois devido à grande concorrência, cada empresa esforça-se em obter as maiores vantagens para seus clientes através do aperfeiçoamento de produtos e métodos. 
Para a empresa, são as vendas que produzem o faturamento necessário para sua manutenção e desenvolvimento. “Além dessas vantagens mencionadas, na área específica do setor terciário, inclui-se a da própria prestação de serviços que é uma das tarefas essenciais da equipe de vendas” Outro elemento essencial para se obter êxito nas vendas é a propaganda. De acordo com Kotler (2000, p. 596), propaganda é “qualquer forma remunerada de apresentação não presencial e promocional de ideias, bens ou serviços por um patrocinador identificado”. Os anunciantes não são somente empresas, necessariamente, mas também museus, organizações beneficentes e agências governamentais que direcionam mensagens para públicos-alvo. Os anúncios, por sua vez, são uma maneira eficaz de atrair a atenção do público, seja para desenvolver uma preferência de marca, seja para ensinar as pessoas a evitarem algo.
As empresas utilizam a propaganda de diversas formas, de acordo com seus interesses. Nas pequenas empresas, por exemplo, geralmente a propaganda fica a cargo do departamento de marketing ou de vendas, e nas grandes empresas existe um setor específico para essa tarefa, havendo inclusive um gerente próprio. Mas, independentemente do tamanho da empresa, a tarefa do departamento de propaganda é ampla, baseada nos passos: “propor um orçamento, desenvolver uma estratégia de propaganda, aprovar anúncios e campanhas e controlar campanhas por mala direta, os displays dos revendedores e outras formas de propaganda”. Muitas empresas contratam uma agência externa, específica em propagandas, para ajudar a criar campanhas de publicidade, selecionar os meios adequados e pagar pela veiculação. Porém, antes de se criar uma campanha publicitária, é preciso desenvolver um programa, identificar o mercado alvo e os motivos que levam as pessoas a comprar. Em seguida, tomar as principais decisões no desenvolvimento de uma campanha publicitária, que Kotler define como 5 Ms. Missão: quais são os objetivos da propaganda? Moeda: quanto gastar? Mensagem: que mensagem deve ser transmitida? Mídia: que meios devem ser utilizados? Mensuração: como serão avaliados os resultados?
Os objetivos da propaganda são essenciais, e devem resultar de decisões sobre o mercado-alvo, a posição no mercado e o mix de marketing. Segundo Kotler, muitos objetivos de comunicação e de vendas podem ser atribuídos à propaganda, e podem ser classificados de acordo com o propósito de informar, persuadir ou lembrar:
A propaganda informativa surge no primeiro estágio da categoria de um produto, quando o objetivo é desenvolver uma demanda inicial.
 
 proposta para um sistema de vendas e-commerce
Inicialmente deve-se levar em conta que um site visualmente atrativo é importante, mas não basta. Hoje em dia, é fundamental garantir que o usuário tenha uma boa experiência de navegação e compra em qualquer tela, principalmente nas menores. O design responsivo é um importante aliado para não perder nenhuma venda. Ele faz com que o conteúdo do site se adapte automaticamente a diferentes tipos de tela, como as de smartphones e tablets, sem comprometer a navegação. Ter um site visualmente atrativo é importante, mas não basta. Hoje em dia, é fundamental garantir que o usuário tenha uma boa experiência de navegação e compra em qualquer tela – principalmente nas menores.
Levando em conta que a participação do dispositivo móvel no comércio eletrônico nacional cresceu 84%, entre junho de 2013 e junho de 2014, não se pode ignorar esse público.
Neste contexto, o design responsivo é um importante aliado para não perder nenhuma venda. Ele faz com que o conteúdo do site se adapte automaticamente a diferentes tipos de tela, como as de smartphones e tablets, sem comprometer a navegação.
O cliente, assim como em qualquer ramo, gosta de ganhar descontos ou de tirar alguma vantagem em uma compra, seja para conquistar novos, fidelizar antigos, liberar espaço no estoque ou divulgar a marca, as promoções são excelentes aliadas. Assim sendo, basta o planejamento bem feito para angariar clientes a partir da primeira compra. É importante aproveitarmos datas comemorativas e grandes liquidações do e-commerce, como a Black Friday, por exemplo, para lançar ações e alavancar vendas. Mas, claro, é preciso se planejar para isso, caso contrário, a promoção pode trazer prejuízo em vez de crescimento.
O cliente poderá se cadastrar no site, inserindo no mesmo os seus dados pessoais, que automaticamente ficarão registradas e no banco de dados, assim como o número de visitas e itens que o interessam. À medida que o cliente realiza uma compra, ganha um desconto proporcional para a compra subsequente, é levado em consideração também o tempo que cliente compra em nossa loja, quanto mais tempo, maior a porcentagem de desconto no valor final da compra.
 
bpmn
BPMN (Business Process Model and Notation) é uma notação gráfica que tem por objetivo prover uma gramática de símbolos para mapear, de maneira padrão, todos os processos de negócio de uma organização.
Desde sua disponibilização formal em 2004, BPMN tem sido amplamente utilizada em organizações do mundo inteiro. Atualmente há uma grande oferta de ferramentas de mapeamento de processos (gratuitas e licenciadas) que oferecem suporte à notação. Devido à sua grande aceitação, BPMN está ajudando a disseminar conceitos relacionados a processos de negócio e é considerada hoje uma característica chave de qualquer iniciativa BPM.
 Figura 01: Diagrama BPMN
Esse diagrama documenta o que o sistema faz do ponto de vista do usuário. Em outras palavras, ele descreve as principais funcionalidades do sistema e a interação dessas funcionalidades com os usuários do mesmo sistema. Nesse diagrama não nos aprofundamos em detalhes técnicos que dizem como o sistema faz. Este artefato é comumente derivado da especificação de requisitos, que por sua vez não faz parte da UML. Pode ser utilizado também para criar o documento de requisitos. Diagramas de Casos de Uso são compostos basicamente por quatro partes: Cenário, sequência de eventos que acontecem quando um usuário interage 
WEBSITE
Para o desenvolvimento do website, serão utilizadas as tecnologias HTML, que é onde trabalha-se a parte estrutural do site, conhecida também como linguagem de marcação, o HTML está na versão 5.0.
Para parte de estilização do site, a linguagem a ser utilizada é o CSS, que atualmente está na versão 3.0, ele serve para alterar cores, posições, fotos, estilização tags, botões, etc.
Como todo site desenvolvido em HTML, temos a estrutura básica que é:
 <!DOCTYPE HTML>
 <html lang=”pt-br”>
 <head>
 <meta charset=”UTF-8”>
 <title></title>
 </head>
 <body>
 </body>
 </html>
Doctype
O Doctype indica para o navegador qual a especificação de código utilizar. Com o HTML5, a referência por qual DTD utilizar é responsabilidade do Browser.
	O Doctype não é uma tag do HTML, mas uma instrução para que o browser tenha informações sobre qual versão de código a marcação foi escrita. 
Elemento HTMLO código HTML é uma série de elementos em árvore onde alguns elementos são filhos de outros e assim por diante. O elemento principal dessa grande árvore é sempre a tag HTML.
Atributo LANG
O atributo LANG é necessário para que os user-agents saibam qual a linguagem principal do documento.
O atributo LANG não é restrito ao elemento HTML, ele pode ser utilizado em qualquer outro elemento para indicar o idioma do texto representado.
HEAD
A tag HEAD é onde fica toda a parte inteligente da página. No HEAD ficam os metadados. Metadados são informações sobre a página e o conteúdo ali publicado.
Charset
O metatag entre outras funções, é responsável por chavear qual tabela de caracteres a página está utilizando. A Web é acessada por pessoas do mundo inteiro. Ter um sistema ou um site que limite o acesso e pessoas de outros países é algo que vai contra a tradição e os ideais da internet. Por isso, foi cria­do uma tabela que suprisse essas necessidades, essa tabela se chama Unicode. A tabela Unicode suporta algo em torno de um milhão de caracteres. Ao invés de cada região ter sua tabela de caracteres, é muito mais sensato haver uma tabela padrão com o maior número de caracteres possível. Atualmente a maioria dos sistemas e browsers utilizados por usuários suportam plenamente Unicode. Por isso, fazendo seu sistema Unicode você garante que ele será bem visualizado aqui, na China ou em qualquer outro lugar do mundo.
CSS
O CSS, Cascading Style Sheets, é a linguagem utilizada para definir a apresentação de sites estruturados em HTML. O CSS define como serão exibidos os elementos contidos no código de um documento e sua maior vantagem é efetuar a separação entre o formato e o conteúdo de um documento.
Podendo a folha de estilo ser linkada externamente ou direto dentro do documento HTML.
PROJETO FLOR DE LIZ
Tendo como base as duas linguagens de tecnologia necessárias, vamos ao desenvolvimento do projeto website Flor de Liz, onde faremos os cadastros de todos os controles solicitados pelo cliente.
Para isso usamos a tag forms, para melhor organizar, para títulos simples utilizamos as tags H1 e por fim os botões para finalizar a operação desejada. As cores, caixas de texto e placeholders, todos feitos em CSS, dentro do mesmo arquivo HTML.
 Figura 02: Código-fonte
 Figura 03: Código-fonte 02
 Figura 04: Código-fonte 03
 Figura 05: Código-fonte 04
 Figura 06: Cadastro de clientes
 Figura 07 :Cadastro de calçados
 Figura 08: Controle de produção
 Figura 09: Controle de entrega
	Para o desenvolvimento da página de divulgação, seguimos o mesmo padrão, no entanto usamos novas tags, como por exemplo <img> para adicionarmos as imagens, a tag <a> para inserção de links, bem como os seus parâmetros, como <href>, que dá a referência da página a qual o link irá abrir.
	Mas a tag mais importante que utilizamos foi a tag <div>, que serve para alterar o estilo em partes específicas da página e posicionar objetos.
 Figura 10: Página de divulgação
 Figura 11: Produtos
 Figura 12: Abrindo o link
DESAFIO LÓGICO
	o dono da fábrica de calçados, para otimizar a produção dos calçados, decidiu alugar 3 casas, onde contratou mais funcionários. em cada casa será produzido 1 modelo de sapato diferente, para ter o controle total da produção, as casas foram pintadas de cores diferentes, amarela, verde e azul, tendo 3 responsáveis, uma por cada casa, Jaqueline, Debora e Larissa.
	Para encontrar a cor e a responsável por cada casa, devemos seguir as seguintes determinações: Sapatilha é produzida na casa à direita da casa Amarela, a sandália é produzida na casa Verde e o scarpim é produzido na segunda casa.
Logo temos a seguinte ordem: Casa Verde, responsável Jaqueline, calçado: Sandália. Casa amarela, responsável Débora, calçado: Scarpin. Casa azul, responsável Larissa, calçado: Sapatilha.
 Figura 13: Solução do desafio lógico
CONCLUSÃO
Ao final do nosso trabalho, conseguimos alcançar com eficiência todos os objetivos propostos no tema da produção textual. Fizemos uma pesquisa ampla e abrangente sobre todos os processos de negócio, aumentando assim nosso conhecimento acerca do conteúdo. 
	Com base nos estudos realizados, montamos o diagrama BPMN, onde fica bem explícito todo o processo do grupo em uma sequência lógica. A ferramenta utilizada para esta atividade foi o Bizagi.
Para o desenvolvimento das telas e da página de divulgação, utilizamos as linguagens padrão, HTML 5 para estrutura e CSS 3 para estilização, aprofundando bastante todas as técnicas básicas e tag um pouco mais elaboradas, como por exemplo formulários de cadastro e inserção de imagens. Para desenvolvimento deste tipo é necessário apenas um editor de texto simples, no nosso caso, utilizamos o Sublime Text, por ser tratar de um editor um pouco mais trabalhado, pois enumera linhas, faz auto-complete de tags e separa-as por cores.
Por fim solucionamos o desafio lógico proposto, utilizando apenas o raciocínio lógico, conseguimos colocar, as cores das casas e os produtos produzidos em cada uma delas na sequência em que foi pedido.
.
REFERÊNCIAS
O QUE SÃO PROCESSOS DE NEGÓCIO. Disponível em: https://www.opservices.com.br/monitoramento-processos-de-negocios/ Acesso em : 15 Set 2017
OS DIFERENTES TIPOS DE NEGÓCIO. Disponível em: https://blog.luz.vc/o-que-e/os-diferentes-tipos-de-processos-de-negocio/ . Acesso em : 18 Set 2017
PRINCIPAIS TAGS HTML. Disponível em: 
https://codigofonte.uol.com.br/artigos/principais-tags-de-html Acesso em: 25 Set 2017 
 
DESENVOLVIMENTO WEB. Disponível em: https://www.caelum.com.br/curso-html-css-javascript/ Acesso em: 30 Set 2017 
 
CSS PARA INICIANTES. Disponível em: http://tableless.github.io/iniciantes/manual/css/ 
Acesso em: 31 Set 2017 
RACIOCÍNIO LÓGICO Disponível em: http://educacao.globo.com/telecurso/noticia/2015/04/o-que-e-o-raciocinio-logico.html 
Acesso em: 03 Out 2017