relatÓrio de estÁgio .2018-08-22 · relatório de estágio supervisionado apresentado à unidade

Download RELATÓRIO DE ESTÁGIO .2018-08-22 · Relatório de Estágio Supervisionado apresentado à unidade

Post on 03-Dec-2018

214 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

  • INSTITUTO FEDERAL DE EDUCAO, CINCIA E TECNOLOGIA DA PARABA

    UNIDADE ACADMICA DE INFORMAO E COMUNICAO

    COORDENAO DO CURSO SUPERIOR DE TECNOLOGIA EM SISTEMAS PARA

    INTERNET

    RELATRIO DE ESTGIO

    Desenvolvimento front-end de sistemas web no Armazm Paraba

    Lucas Alves Schulze

    Joo Pessoa PB

    Maro/2018

  • 2

    Instituto Federal de Educao, Cincia e Tecnologia da Paraba

    Unidade Acadmica de Informao e Comunicao

    Coordenao do CST em Sistemas para Internet

    Desenvolvimento front-end de sistemas web no Armazm Paraba

    Lucas Alves Schulze

    Relatrio de Estgio Supervisionado apresentado

    unidade curricular de Estgio Obrigatrio do

    Curso Superior em Sistemas para Internet do

    Instituto Federal de Educao, Cincia e

    Tecnologia da Paraba como requisito parcial

    para obteno do grau de Tecnlogo em Sistemas

    para Internet.

    Orientador: Francisco Petrnio Alencar de Medeiros

    Supervisor: Francisco Augusto Dias Neto

    Coordenador do Curso: Cndido Jos Ramos do Egypto

    Empresa: Armazm Paraba - N. Claudino

    Perodo: 16/10/2017 a 22/02/2018

    Joo Pessoa

  • 3

    APROVAO

    Francisco Augusto Dias Neto

    Supervisor da Empresa

    Cndido Jos Ramos do Egypto

    Coordenador do CST de Sistemas para Internet

    Francisco Petrnio Alencar de Medeiros

    Professor Orientador

    Lucas Alves Schulze

    Estagirio

  • 4

    Dedico este trabalho minha famlia e minha companheira, que me incentivaram a

    nunca desistir.

  • 5

    AGRADECIMENTOS

    Primeiramente a Deus e a Nossa Senhora de Ftima por me permitirem chegar at aqui.

    Ao meu filho Davi, que minha motivao para buscar sempre ser um profissional e uma

    pessoa melhor. Ao meus avs Margot e Elmo por me incentivar a buscar o conhecimento,

    sendo exemplos pra mim. minha companheira Viviane, que meu porto seguro,

    principalmente nos momentos mais difceis. Ao professor Francisco Petrnio Alencar de

    Medeiros, que um exemplo do profissional que almejo ser um dia. todos os professores

    do curso que tive o prazer e privilgio de ser aluno. Aos meus colegas do Armazm Paraba,

    por todo o conhecimento transmitido.

  • 6

    Tente de novo, falhe novamente. Falhe melhor.

    Samuel Beckett

  • 7

    RESUMO

    Este relatrio tem como objetivo relatar a experincia do estagirio de participar da

    elaborao, desenvolvimento e monitoramento de solues e melhorias para os sistemas,

    sites e emails marketing da empresa, assim como as tecnologias e metodologias utilizadas.

    O estgio descrito nesse relatrio foi realizado no Armazm Paraba, e teve incio em 16 de

    Outubro de 2017 e trmino no dia 22 de Fevereiro de 2018.

    Palavras-chave: UX, Armazm Paraba, Emails marketing, Web developer.

  • 8

    LISTA DE FIGURAS

    Figura 1: Captura da tela de report da campanha liquidao 2018 do Armazm Paraba 16

    Figura 2: Imagem exemplificativa do site allprowebdesigns.com 17

    Figura 3: Tela da Sprint 2 do meistertask 19

    Figura 4:: Tela da Sprint 4 do meistertask 23

    Figura 5: Mockup criado para a pgina de produto da Landing Page 27

    Figura 6: - Prottipo desenvolvido no adobe XD para a nova ferramenta de venda que ser

    utilizada nas lojas e em terminais de autoatendimento 28

    Figura 7: Comparativo antes x depois da tela de produto da Landing Page 28

    Figura 8 - Email criado para a campanha liquidao anual do Armazm Paraba. 30

    Figura 9 - Relatrio da campanha de email marketing do Armazm Paraba. 31

    Figura 10 - Pgina Nossas promoes do site do Armazm Paraba. 32

  • 9

    LISTA DE SIGLAS E ABREVIATURAS

    UX User Experience

    HTML HyperText Markup Language

    CSS Cascading Style Sheets

    XD Experience Design

    CSV Comma-separated values

    SVN Subversion

    REST Representational State Transfer

    API Application Programming Interface

  • 10

    SUMRIO

    LISTA DE FIGURAS 8

    LISTA DE SIGLAS E ABREVIATURAS 9

    1. Introduo 12

    1.1 Objetivos 12

    1.1.1 Objetivo Geral 12

    1.1.2 Objetivo Especfico 12

    1.2 A Empresa 13

    1.3 Descrio Geral das Atividades 13

    1.4 Organizao do Relatrio 14

    2. Embasamento Terico 15

    2.1 Foundation for emails 15

    2.2 MailChimp 15

    2.3 Adobe XD 17

    2.4 Photoshop 18

    2.5 Scrum 18

    2.6 Meistertask 18

    2.7 Subversion 19

    2.8 Wildfly 20

    2.11 Sublime text 3 21

    3. Atividades Realizadas 22

    3.1 Processo e Equipe 22

    3.1.1 Descrio do Processo 22

    3.1.2 Equipe 24

    3.1.3 Atribuies 25

    3.2 Atividades Tcnicas de Rotina 26

  • 11

    3.2.1 Criao, desenvolvimento e manuteno de telas para sistemas web 26

    3.2.2 Criao de Emails Marketing 29

    3.2.3 Teste, disparo e gerao de relatrios dos emails marketing 30

    3.2.4 Manuteno dos sites 31

    4. Consideraes Finais 33

    Referncias 35

  • 12

    1. Introduo

    Este relatrio descreve as atividades de desenvolvimento de sistemas web, emails

    marketing e sites, realizadas durante o estgio como desenvolvedor no grupo N. Claudino,

    localizado em Joo Pessoa.

    O estgio teve como principais atividades a especificao, prototipagem e codificao

    de interfaces dos usurios para os sistemas web. A criao de emails marketing responsivos,

    manuteno de sites administrados pela empresa, como tambm a formulao de relatrios.

    Todas essas atividades utilizando a metodologia Scrum na gesto dos projetos.

    1.1 Objetivos

    1.1.1 Objetivo Geral

    O estgio realizado no Armazm Paraba - N. Claudino teve como objetivo geral a

    especificao, o desenvolvimento e a reformulao de interfaces para sistemas web atravs

    da criao prottipos, refatorao telas e gerao de relatrios visando uma melhor

    experincia do usurio no uso desses sistemas. Teve como objetivo, ainda, a criao de emails

    marketing, bem como de relatrios para anlise de sua efetividade. Tambm foram

    contempladas alteraes solicitadas no site da empresa e no site do Patos Shopping, este que

    tambm administrador pelo grupo NCL.

    1.1.2 Objetivo Especfico

    Como objetivos especficos, o estagirio almejou a aquisio de conhecimento

    tcnico e aplicao dos conhecimentos adquiridos no curso, a fim de alcanar

    amadurecimento profissional e consolidao dos ensinos tericos e prticos. A aplicao

    desses conhecimento se deu atravs das seguintes atividades:

    Criao de emails em tabela com o framework Foundation for email

    utilizando sua linguagem disponibilizada Inky;

    O domnio da ferramenta Mailchimp para a distribuio, gerao de templates

    e de relatrios;

  • 13

    Reformulao e codificao da interface do sistema de e-commerce e do

    sistema de vendas das lojas fsicas utilizando HTML5 (HyperText Markup

    Language), CSS3 (Cascading Style Sheets), Javascript e framework mais em

    evidncia no mercado, como o Bootstrap e Jquery, substituindo sempre que

    possvel os elementos criados em Primefaces existentes nesses projetos;

    Realizao de alteraes solicitadas pelos usurios no site da empresa

    utilizando Python e Jungle como framework e no site do Patos Shopping com

    HTML5, CSS3, Javascript.

    1.2 A Empresa

    O Armazm Paraba1 teve incio em 1929, fundada por Joo Claudino, que iniciou

    suas atividades comerciais com um armarinho na cidade de Lus Gomes - RN. Em 1935,

    Claudino mudou-se para Cajazeiras e deu continuidade ao comrcio com a ajuda dos filhos,

    constituindo assim a sociedade J. Claudino e Filhos. No ano de 1958, foi inaugurada a

    primeira loja intitulada Armazm Paraba, que contava com o comrcio de mveis e

    eletrodomsticos.

    Com a expanso da empresa, Joo Claudino dividiu as responsabilidades comerciais

    com os filhos. Em 1975, uma de suas filhas, Nica Claudino e seu esposo Gonalo Pinheiro

    decidiram abrir sua prpria empresa, o Armazm Paraba - N. Claudino e Cia. Ltda.

    Atualmente, o grupo conta com mais de 52 lojas fsicas, alm de possuir, como canais

    de venda, o aplicativo para Smartphones e site de e-commerce.

    1.3 Descrio Geral das Atividades

    Foram atividades realizadas no estgio as que seguem:

    Desenvolvimento de novas interfaces para os sistemas em produo;

    Elaborao de prottipos de sistemas aplicando conceitos de melhor experincia

    do usurio;

    Desenvolvimento de emails marketing;

    Testes, monitoramento de envio e gerao de relatrios de emails marketing;

    Realizao das alteraes solicitadas nos sites administrados pela empresa;

    1 http://www.armazempb.com.br/

  • 14

    Pesquisa, proposio e execuo novas solues acerca de tecnologia.

    1.4 Organizao do Relatrio

    A organizao deste relatrio se d atravs de captulos, divididos da seguinte forma:

    Captulo 1 Introduo: Neste captulo introdutrio esto descritas as atividades

    realizadas no estgio, a histria da empresa e objeto do estgio;

    Captulo 2 Embasamento Terico: Neste captulo esto descritas as

    ferramentas e tecnologias utilizadas no estgio;

    Captulo 3 Atividades Realizadas Neste captulo esto descritas mais

    detalhadamente as atividades realizadas durante o estgio;

    Captulo 4 Consideraes Finais Neste captulo esto descritas os objetivos

    e metas alcanadas e as contribuies do estgio para minha formao profissional.

  • 15

    2. Embasamento Terico