CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA
CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET
WEBSITE - IMPACTOS
MAKELLI VARGAS CARVALHO NATHALIA MESSIAS PEREIRA
PALMITAL 2013
MAKELLI VARGAS CARVALHO NATHALIA MESSIAS PEREIRA
WEBSITE - IMPACTOS
Trabalho de conclusão de curso apresentado à ETEC Profº. Mário Antônio Verza, como parte dos requisitos necessários para a obtenção do título de Técnico em Informática para Internet.
Orientador: Profª. Luciana Michele Ventura.
PALMITAL 2013
CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA
MAKELLI VARGAS CARVALHO NATHALIA MESSIAS PEREIRA
WEBSITE - IMPACTOS
APROVADO EM 21/06/2013.
BANCA EXAMINADORA:
LUCIANA MICHELE VENTURA – ORIENTADORA
CLÁUDIA PATRÍCIA CANDIA – EXAMINADORA
Dedicamos este trabalho à Deus pelo esplendor da vida, presente em todas as atividades;
Aos amigos pelo incentivo;
A nossos familiares pelo apoio, compreensão, carinho e paciência durante todo este curso, principalmente nos momentos de dificuldades.
AGRADECIMENTOS
Agradecemos às manifestações de carinho e apreço, recebidas de todos os colegas da ETEC Prof. Mário Antonio Verza, os quais foram nossa maior fonte de luz inspiradora e de apoio para o sucesso deste trabalho.
Nosso muito obrigado também a nossa orientadora, a Professora Luciana Michele Ventura, e a Professora examinadora Claudia Patrícia Candia pelo auxílio seguro e oportuno durante todo o processo de orientação deste trabalho, pois aliado à sua experiência profissional e intelectual, todas as dicas e instruções foram imprescindíveis para o desenvolvimento e conclusão deste trabalho.
Também agradecemos aos nossos familiares por nos terem apoiado e entendido a nossa ausência, não só durante as aulas, mas especialmente durante o processo de desenvolvimento deste trabalho.
Enfim, à todos, o nosso grande muito obrigado!
"Para se ter sucesso, é necessário amar de verdade o que se faz. Caso contrário, levando em conta apenas o lado racional, você simplesmente desiste. É o que acontece com a maioria das pessoas."
(Steve Jobs)
CARVALHO, Makelli Vargas. PEREIRA, Nathalia Messias. O Trabalho de Conclusão de Curso no Ensino Técnico em Informática para internet – Website – Impactos. 2013. 31 f. Tecnologia no Centro Estadual de Educação Tecnológica Paula Souza, São Paulo, 2013.
RESUMO
O trabalho foi projetado para facilitar a divulgação da empresa de som Impactos, tentando abranger todos os serviços e produtos disponíveis na loja para os clientes consultarem por meio online, facilitando o conhecimento de todos trabalhos prestados pela empresa para clientes e vendedores, o website terá uma interface agradável, para facilitar ao usuário na procura dos produtos e dos serviços.
Para facilitar na consulta os produtos foram divididos em categorias, e terá uma breve descrição das características como marca, cor, potência, preço, entre outras informações relevantes do produto, isso ajudará no relacionamento entre clientes, vendedores e proprietário da loja, e até mesmo vendedores que poderão vender mercadorias para essa loja. Com a Internet as pessoas podem gerenciar melhor seus empreendimentos, possibilitando uma organização nos produtos disponíveis na loja e aumentando a visibilidade da empresa. O mundo online está muito em alta nesses últimos tempos, com isso o website irá ajudar o proprietário a divulgar a loja e possivelmente aumentar sua clientela.
Palavras-chave: divulgação, serviços, produtos, website, loja.
LISTA DE FIGURAS
FIGURA 1 – Página Principal – Home Page ... 18
FIGURA 2 – Alarmes e Travas Elétricas ... 19
FIGURA 3 – Aparelhos de Som ... 19
FIGURA 4 – Insulfilm ... 20
FIGURA 5 – Contato ... 20
LISTA DE ABREVIATURAS E SIGLAS
CSS Cascading Style Sheets DHTML
HTML HyperText Markup Language PHP Personal Home Page
XHTML
SUMÁRIO
1. INTRODUÇÃO ... 11
1.1 OBJETIVOS ... 12
1.1.1. OBJETIVOS ESPECÍFICOS ... 12
1.1.2. OBJETIVOS GERAIS ... 12
1.2. PROCEDIMENTOS METODOLÓGICOS ... 12
2. REFERENCIAL TEÓRICO ... 13
2.1. RAMO DE ATIVIDADE ... 13
2.1.1. SERVIÇOS PRESTADOS ... 13
2.2. TECNOLOGIAS ... 13
2.2.1. CSS ... 14
2.2.2. FERRAMENTA COREL DRAW ... 14
2.2.3. FERRAMENTA DREAMWEAVER ... 15
2.2.4. FERRAMENTA FIREWORKS ... 15
2.2.5. FERRAMENTA PHOTOSHOP ... 15
2.2.6. HTML ... 16
3. ESTUDO DE CASO ... 17
3.1. PROJETO DO WEBSITE IMPACTOS ... 17
3.1.1. DESENVOLVIMENTO DO WEBSITE IMPACTOS ... 17
3.1.1.1. PÁGINA PRINCIPAL – HOME PAGE ... 18
3.1.1.2. PÁGINAS INTERNAS DO WEBSITE ... 18
4. CONSIDERAÇÕES FINAIS ... 21
5. REFERÊNCIAS BIBLIOGRÁFICAS ... 22
6. APÊNDICE ... 23
APÊNDICE A – Questionário para entrevista com o cliente – Briefing ... 23
APÊNDICE B – Gráficos de pesquisa com os clientes ... 24
1. INTRODUÇÃO
O projeto surgiu da necessidade que a empresa Impactos X-Treme Sound tinha em divulgar seus produtos e serviços.
Com o objetivo de conquistar a atenção de pessoas que gostam de equipamentos automotivos, principalmente de som, o website foi projetado para que os clientes possam consultar os novos modelos que são lançados no mercado e os preços dos produtos oferecidos pela loja.
A empresa Impactos atua no ramo de instalação de produtos automotivos na Cidade de Palmital, estado de São Paulo e foi fundada em Fevereiro de 1996, por Reginaldo Ribeiro Carvalho. Nela são realizados os serviços de manutenção e instalação de produtos automotivos. Está no ramo há dezessete anos, e têm como função atender os clientes que fazem buscas por aparelhos de som, alarmes, travas elétricas e insufilm. Também é conhecida pela qualidade de serviço assim como de atendimento, usando somente produtos conhecidos e de qualidade.
A empresa que presta serviços automotivos tem como objetivo atender clientes que buscam melhorias em seus automóveis como a instalação de alarmes e travas elétricas para a segurança, de som para lazer e diversão e insulfilm para esconder o que á dentro do automóvel e também para a redução de raios ultravioletas, isso implica na proteção e segurança do proprietário do veículo. Com isso os produtos publicados no site contêm a marca, o preço e o tipo, os preços são variados de acordo com a marca e o custo da mão e obra que é feita na loja.
O website facilitará na divulgação dos produtos ofertados pela empresa Impactos X-Treme Sound, proporcionando um acesso preciso na comunicação entre os clientes e a empresa.
Oferecendo assim informações para que os clientes sintam-se seguros para ir até a loja e contratar o serviço e fazer a compra do produto
1.1 OBJETIVOS
Os objetivos foram elencados juntamente com o proprietário da empresa Impactos, o mesmo definiu todas as informações que deveriam conter no website.
1.1.1 OBJETIVOS ESPECÍFICOS
Desenvolvemos um site para ajudar na divulgação do trabalho da empresa Impacto, a qual tinha a necessidade de atingir novos clientes e aumentar as vendas através de novas mídias de divulgação.
1.1.2 OBJETIVOS GERAIS
Foi criado um website com uma interface moderna, para facilitar ao usuário uma procura rápida e específica do produto e serviço que a empresa oferece.
1.2 PROCEDIMENTOS METODOLÓGICOS
Os procedimentos metodológicos empregados no trabalho foram primeiramente um estudo de caso aplicado na empresa Impactos por meio de entrevista com o proprietário e clientes e posteriormente definidas as tecnologias que seriam utilizadas no desenvolvimento do presente trabalho.
2. REFERENCIAL TEÓRICO
2.1 RAMO DE ATIVIDADE
A empresa Impactos X-Treme Sound atua no ramo de instalação de sons, insufilm, alarmes e travas elétricas na Cidade de Palmital, Estado de São Paulo. A organização foi fundada em Fevereiro de 1996, por Reginaldo Ribeiro Carvalho, juntamente com um funcionário que trabalha na empresa.
É conhecida pela qualidade de serviço assim como de atendimento, usando somente produtos conhecidos e de qualidade.
Os serviços oferecidos são: A instalação de som, aplicações de insulfilm, alarmes e travas elétricas. Nela são oferecidos serviços feitos pelo proprietário juntamente com um funcionário.
2.1.1 SERVIÇOS PRESTADOS
A empresa presta serviços automotivos como a instalação de alarmes e travas elétricas, som automotivo, insulfilm, isso implica na proteção, segurança e lazer do proprietário do veículo. Na empresa os preços são variados de acordo com a marca e o custo da mão e obra que é realizada na loja.
2.2. TECNOLOGIAS
Este capítulo aborda as tecnologias utilizadas no desenvolvimento do presente projeto de website, sempre priorizando as tecnologias de ponta, como as últimas versões de tecnologias e padrões de desenvolvimento.
2.2.1. CSS
O CSS não é uma linguagem de programação nem linguagem de marcação.
Css é uma sequência, um padrão de declaração de propriedades e seus valores. Ele é responsável pelo aspecto da página e pelo layout, mas não somente para isso.
“O CSS é o responsável pelo aspecto da página, pelo layout, mas não somente para isso. Ele nasceu também com outra
responsabilidade: garantir acessibilidade, tanto para máquinas quanto para as pessoas. O CSS não é uma linguagem de programação nem uma linguagem de marcação. É uma sequência de declarações de propriedades e seus valores para a manipulação da forma como o conteúdo de uma página web será exibido. Utilizando corretamente a dupla XHTML + CSS, uma página web pode ficar até 56% mais leve. Outra grande vantagem do uso de estilo é que ele permite uma flexibilização do layout da página como nunca havia sido usado antes. O uso correto dos estilos permite ao desenvolvedor uma variação incrível de design para suas páginas”. (GOMES, 2010)
2.2.2. FERRAMENTA COREL DRAW
O CorelDraw é uma ferramenta que tem diversos recursos para edição de fotos, criações de logotipo e banner. É bastante usada em design, escola de ensino superior em designers. No CORELDRAW temos as ilustrações vetoriais que são criadas a partir de equações matemáticas.
“CORELDRAW é um programa para criação de desenhos, ilustrações e edição de páginas utilizando por profissionais da área gráfica, web e usuários que empregam para diversos fins, Desde 1989 a empresa canadense Corel Corporation desenvolve aplicativos gráficos, que se tornaram sucesso de mercado”.
(PRIMO, 2008).
2.2.3. FERRAMENTA DREAMWEAVER
O Dreamweaver é uma ferramenta para desenvolver website, nela pode se usar a linguagem PHP, HTML, CSS. Nele também inclui sua própria animação DHTML. No Dreamweaver podemos gerenciar sites.
"Dreamweaver não é só outra ferramenta de visual de HTML. Ele faz o que todos os melhores editores fazem: cria tabelas, edita quadros e altera facilmente da visualização de páginas para visualização HTML. Mas o Dreamweaver vai além dos outros editores para permitir criar animações e páginas dinâmicas (DHTML)". (ALVES, 2012)
2.2.4. FERRAMENTA FIREWORKS
A ferramenta Fireworks é uma ferramenta de design e ilustração, auxiliando na criação de gif e edição de imagens. Tem funções parecidas com a ferramenta CORELDRAW.
2.2.5. FERRAMENTA PHOTOSHOP
O Photoshop é um aplicativo de edição de imagens, é usado para retoques de imagens e produções de gráficos para a Web. Ele apresenta diversas ferramentas que alteram brilho, contraste e cores de imagens.
"Photoshop é um programa para edição de imagens digitais com vários recursos de retoque, pintura e efeitos. Desenvolvido pelo Adobe Systems, empresa líder no mercado gráfico e da web, é um dos aplicativos mais conhecidos e utilizados pelos profissionais da área de criação". (PRIMO, 2011).
2.2.6. HTML
A linguagem HTML é padrão de desenvolvimento de websites. A básica estrutura de um documento HTML consiste em comandos, que também são
chamados de tags. O HTML possui muitas tags que ajudam na formatação da página com seus elementos
.
"HTML (Hypertext Markup Language) é uma linguagem de elaboração de documentos com hipertexto, ele funciona como se fossem de trânsito para uma página da web, cuja função é enviar para o navegador instalado no cliente (Internet Explorer, Firefox etc.) os comandos de formatação (marcas) que informam ao navegador de que maneira textos, imagens etc. Além dessas marcações, o HTML contém comandos que permitem fazer links de uma página para outra". (OLIVEIRO, 2007).
3. ESTUDO DE CASO
Foi feito um estudo de caso na empresa Impactos juntamente com o proprietário para levantar as necessidades da empresa.
3.1. PROJETO DO WEBSITE IMPACTOS
A escolha do tema foi feita através de uma necessidade da empresa de produtos automotivos Impactos X-Treme Sound, para uma melhor divulgação de seus produtos e serviços. Com a criação do website, facilitará na procura de produtos dos usuários além de sanar uma dificuldade da empresa que é o custo da divulgação tradicional, ao qual não está tendo retorno.
A empresa atua no ramo de venda e instalação feitas na loja de produtos automotivos há dezessete anos, e tem como prioridade a instalação de som e insulfilme, a criação do site surgiu com a necessidade de divulgar a empresa e os serviços prestados por meio online, conquistando novos clientes, com a divulgação dos produtos ofertados, facilitará o aumento das vendas trazendo retorno lucrativo para a empresa que busca melhorias na venda.
3.1.1. DESENVOLVIMENTO DO WEBSITE IMPACTOS
No site haverá cinco páginas, sendo elas: a de Início denominada Home Page (Página Principal), de alarmes e travas elétricas, de aparelhos de som, de insulfilm e uma de contato. As cores do site foram escolhidas pelo proprietário de acordo com a cor da loja, branco, vermelho, preto e cinza. As linguagens usadas nele são CSS e HTML.
Na página de início haverá um breve resumo sobre a loja, e algumas promoções. Na página de alarmes e travas elétricas, haverá a marca e o preço do produto como nas outras páginas, aparelhos de som e insulfilm já o contato é para o cliente fazer sugestões e reclamações da empresa, também um sublink com dados mais detalhados.
Usando uma interface moderna e de fácil acesso para que os clientes possam achar os produtos que procuram de acordo com o gosto e pedido do proprietário.
Com o website pronto a empresa tende a melhorar suas vendas garantindo assim uma melhor definição de seus produtos e serviços, e também garantindo que os clientes fiquem informados sobre todos os produtos ofertados na loja.
3.1.1.1. PÁGINA PRINCIPAL – HOME PAGE
A Figura 1 apresenta a página principal que haverá o histórico da empresa e algumas divulgações de promoções oferecidas pela loja.
Figura 1. Página Principal - Home Page
3.1.1.2. PÁGINAS INTERNAS DO WEBSITE
A Figura 2 esboça os tipos de produtos como alarmes e travas elétricas com suas respectivas marcas e preços.
Figura 2. Alarmes e Travas Elétricas
A Figura 3 mostra os aparelhos de som disponíveis na loja com a marca, preço e o valor da instalação feita na loja.
Figura 3. Aparelhos de som
A Figura 4 apresenta os tipos de Insulfilm com seu preço e marca.
Figura 4. Insulfilm
Na Figura 5 é proposto uma página de Contato, para que o cliente possa se comunicar, tirar dúvidas e enviar possíveis reclamações de atendimento.
Figura 5. Contato
4. CONSIDERAÇÕES FINAIS
O projeto foi idealizado para sanar a necessidade da empresa Impactos X- treme Sound na divulgação da loja e a prestação de serviços, o desenvolvimento do website teve como objetivo o conhecimento das necessidades e desejos dos clientes e consumidores da empresa voltados ao atendimento dessas necessidades, o que a criação do website favoreceu para a melhoria das vendas e irá atrair um número maior de clientes, aumentando as chances para empresa prosperar. A empresa está no ramo de instalação e venda de aparelhos automotivos desde mil novecentos e noventa e seis, foi fundada por Reginaldo Ribeiro Carvalho. A empresa Impactos é conhecida pela qualidade de serviço, assim como, de atendimento.
5. REFERÊNCIAS BIBLIOGRÁFICAS
ALVES, Gildaci Silva. Cursos de: Adobe Dreamweaver. Editora: Clube dos Autores, 2012.
GOMES, Ana Laura. XHTML/CSS : criação de páginas web. Editora: Senac São Paulo, 2010.
OLIVIEIRO, Carlos A. J. Faça um site HTML 4.0 – conceitos e aplicações. Editora:
Érica, 2007.
PRIMO, Lane. Estudo Dirigido: Adobe Photoshop CS5 em português. Editora:
Érica, São Paulo, 2011.
PRIMO, Lane. Estudo Dirigido: CorelDRAW X4 em português. Editora: Érica, São Paulo, 2008.
APÊNDICES
APÊNDICE A – Questionário para entrevista com o cliente – Briefing
1- Quais cores o senhor quer no site?
2- Quais páginas o senhor gostaria que tivesse no site?
3- O senhor gostaria que o logo tipo seja o mesmo que o da loja?
4- Quais conteúdos o senhor deseja que tenha no site?
5- O senhor gostaria que o site tivesse alguma imagem animada?
6- O Senhor gostaria que no site tivesse cadastro de clientes?
7-Com relação aos concorrentes, quais são os aspectos que a sua empresa se destaca?
a) ( ) Preço
b) ( ) Atendimento
c) ( ) Qualidade dos produtos d) ( ) Prestação de serviços e) ( ) Formas de pagamento f) ( ) Localização da Loja
g) Outros. Especifique: __________________________________________.
8 - A empresa acha que o website poderia aumentar as vendas?
a) ( ) sim Não ( )
9 - Quais informações você acha que seriam importantes que o Website da Loja tivesse?
a)( ) Promoções b)( ) Produtos c)( ) Lançamentos
d)( ) Formas de pagamento e)( ) História da empresa
f)( ) Missão, Serviço de atendimento ao cliente, Visão e objetivos da empresa.
g)( ) Equipe
h)( ) Galeria de fotos (clientes e funcionários)
i) Outros. Especifique: _________________________________________.
APÊNDICE B – Gráficos de pesquisa com os clientes
Figura 1 - Produtos oferecidos pela empresa
Fonte: Elaborado pelos autores (2013).
Como mostra a figura 1, os produtos oferecidos na empresa estão agradando os clientes com relação à boa qualidade oferecida.
Figura 2 - Preços dos produtos
Fonte: Elaborado pelos autores (2013).
Os produtos da empresa como estão representando na figura anterior, tem uma boa média de preços, mas a empresa terá que melhorar em alguns pontos.
Figura 3 - Prestações de serviços
Fonte: Elaborado pelos autores (2013).
A empresa tem uma boa porcentagem de prestações de serviço, porém precisa melhorar em alguns pontos negativos.
Figura 4 - Localização
Fonte: Elaborado pelos autores (2013).
A localização da empresa tem alguns pontos ruins porque algumas pessoas não têm veiculo, com o isso o site facilitará a procura de serviço prestado na empresa.
Figura 5 - Satisfação com os produtos e serviços
Fonte: Elaborado pelos autores (2013).
Como é mostrado na figura 5, os clientes estão satisfeitos com os serviços e produtos oferecido pela empresa.
Figura 6 - As promoções oferecidas pela empresa
Fonte: Elaborado pelos autores (2013).
A figura 6 mostra que grande parte dos clientes se sente incentivados pelas promoções oferecidas na empresa, porém a empresa pode melhorar em algum ponto negativo.
Figura 7 - Atendimento
Fonte: Elaborado pelos autores (2013).
Como se representa na figura anterior o atendimento da empresa é bom, porém podem melhorar nos pontos negativos.
Figura 8 - Concorrente
Fonte: Elaborado pelos autores (2013).
Representando na figura 8, a empresa se destaca em vários aspectos, preço, qualidade de produtos, formas de pagamentos, atendimento, prestações de serviços e a localização da loja, porém devem melhorar alguns desses aspectos que estão com a porcentagem baixa.
Figura 9 - Site
Fonte: Elaborado pelos autores (2013).
A maioria dos clientes se interessa que a empresa tenha um site de divulgação. Mas uma porcentagem desses clientes não está de acordo, pois não tem acesso a internet.
Figura 10 - Informações
Fonte: Elaborado pelos autores (2013).
Como mostra a Figura10, os clientes querem algumas informações especificas da empresa no site de divulgação.
