CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA … · internet para melhorar as vendas, fazer a...

35
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 CRP Som e Luz EWERTON DA SILVA CARVALHO HELOISA COSTA MARTINS JOÃO PAULO PAES PALMITAL 2013

Transcript of CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA … · internet para melhorar as vendas, fazer a...

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 – CRP Som e Luz

EWERTON DA SILVA CARVALHO

HELOISA COSTA MARTINS

JOÃO PAULO PAES

PALMITAL

2013

EWERTON CARVALHO DA SILVA

HELOISA COSTA MARTINS

JOÃO PAULO PAES

WEBSITE – CRP Som e Luz

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. Isaque Katahira.

PALMITAL

2013

EWERTON DA SILVA CARVALHO

HELOISA COSTA MARTINS

JOÃO PAULO PAES

WEBSITE – CRP Som e Luz

APROVADO EM 21/06/2013.

BANCA EXAMINADORA:

ISAQUE KATAHIRA – ORIENTADOR

CLAUDIA PATRICIA CANDIA MACIEL – EXAMINADOR

Dedicamos este trabalho a Deus pelo

esplendor da vida, presente em todas as

atividades;

Às nossas famílias pelo apoio;

Aos professores pela dedicação nesses

três semestres em que estivemos juntos;

Ao proprietário Carlos Roberto Paes e aos

demais funcionários da CRP Som e Luz.

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 ao nosso orientador, o Professor Isaque

Katahira 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, a todos, o nosso grande muito

obrigado!

"Nada façam por ambição egoísta ou por

vaidade, mas humildemente considerem

os outros superiores a vocês mesmos.

Cada um cuide, não somente dos seus

interesses, mas também dos interesses

dos outros.“ Felipenses 2 – 3,4.

(Apóstolo Paulo)

CARVALHO, Ewerton da Silva. MARTINS, Heloisa Costa. PAES, João Paulo.

Trabalho de Conclusão de Curso no Ensino Técnico em Informática para

Internet – Website – CRP Som e Luz. 2013. 35 f. Tecnologia no Centro Estadual de

Educação Tecnológica Paula Souza, São Paulo, 2013.

RESUMO

O presente projeto retrata o desenvolvimento de um website para a empresa

CRP Som & Luz, para estabelecer um canal de comunicação entre a empresa e

seus clientes e também como forma de divulgação dos serviços. Na implementação

do projeto foram utilizadas as ferramentas Adobe Flash, BrModelo, CorelDRAW,

Fireworks, Netbeans e PHPMyAdmin.

Para o gerenciamento do website o proprietário poderá acessar o painel de

administração pela página de login com um e-mail e senha disponibilizados para o

sistema e que será a única maneira do administrador se conectar com as páginas de

controle. O usuário irá se deparar com uma página principal que o dará as boas

vindas e assim podendo navegar pelo sistema pelo menu ao lado esquerdo da tela.

No menu, os links disponíveis para o usuário serão: Principal - que é a

página principal do painel; Administração - que será a página onde o administrador

poderá cadastrar, consultar, alterar e excluir possíveis usuários; Álbum de fotos -

local para o usuário do sistema que poderá criar, consultar, alterar e excluir um

determinado álbum; Destaques - que será a página para o usuário controlar os

destaques que serão exibidos na página inicial do website. Nesta sessão o usuário

poderá executar a criação de um novo destaque, consultar destaques cadastrados,

editar um destaque já criado e excluí-los; Na aba contato o usuário terá a sua

disposição os contatos feitos pelos visitantes através da página de contato. Nela

estarão filtrados por tipo de contato: Dúvidas, Críticas, Sugestões e Orçamentos

solicitados. As mensagens enviadas serão separadas diretamente pelo visitante na

opção “tipo de contato” no formulário; A última aba do menu terá a opção de sair, ao

clicar, o sistema será fechado e com isso o usuário só poderá acessar a página

novamente quando logar-se no sistema.

Palavras-chave: Website; CRP Som & Luz.

LISTA DE FIGURAS

FIGURA 1 – Página Inicial – Home Page ............................................................. 22

FIGURA 2 – A Empresa – Página Interna ............................................................ 23

FIGURA 3 – Estrutura – Página Interna ............................................................... 24

FIGURA 4 – Eventos – Página Interna ................................................................. 25

FIGURA 5 – Fotos – Página Interna ..................................................................... 26

FIGURA 6 – Contato – Página Interna ................................................................. 27

LISTA DE ABREVIATURAS E SIGLAS

CRP Carlos Roberto Paes

CSS Cascading Style Sheets (Folhas de Estilo em Cascata)

DER Diagrama Entidade Relacionamento

GIF Graphics Interchange Format

IDE Integrated Development Environment

(Ambiente de Desenvolvimento Integrado)

HTML Hypertext Markup Language (Linguagem de Marcação de Hipertexto)

MER Modelo Entidade Relacionamento

PHP Hypertext Preprocessor (Pré Processador Hipertexto)

PNG Portable Network Graphics

SQL Structured Query Language (Linguagem de Consulta Estruturada)

SP São Paulo

XML Extensible Markup Language

SGML Standard Generalized Markup Language

SUMÁRIO

1. INTRODUÇÃO ............................................................................................. 13

1.1 OBJETIVOS ...................................................................................... 14

1.1.1. OBJETIVOS ESPECÍFICOS ...................................................... 14

1.1.2. OBJETIVOS GERAIS ................................................................ 14

1.2 PROCEDIMENTOS METODOLÓGICOS .......................................... 15

2. REFERENCIAL TEÓRICO ..................................................................... 15

2.1 RAMO DE ATIVIDADE ...................................................................... 15

2.1.1. SERVIÇOS PRESTADOS ......................................................... 15

2.2 TECNOLOGIAS ................................................................................. 15

2.2.1. CSS ........................................................................................... 15

2.2.2. FERRAMENTA ADOBE FLASH ................................................ 16

2.2.3. FERRAMENTA BRMODELO ..................................................... 16

2.2.4. FERRAMENTA COREL DRAW ................................................. 16

2.2.5. FERRAMENTA FIREWORKS ................................................... 16

2.2.6. FERRAMENTA NETBEANS ...................................................... 17

2.2.7. FERRAMENTA PHP MYADMIN ................................................ 17

2.2.8. FLASH ....................................................................................... 17

2.2.9. HTML ......................................................................................... 17

2.2.10. LINGUAGEM JAVA SCRIPT ................................................... 17

2.2.11. LINGUAGEM PHP ................................................................... 18

2.2.12. LINGUAGEM SQL ................................................................... 18

2.2.13. MYSQL .................................................................................... 18

3. ESTUDO DE CASO ................................................................................ 19

3.1 PROJETO DO WEBSITE CRP SOM & LUZ ...................................... 19

3.1.1. IDENTIDADE VISUAL ............................................................... 19

3.1.1.1. CARTÃO DE VISITA .......................................................... 20

3.1.1.2. LOGOTIPO ......................................................................... 20

3.2. DESENVOLVIMENTO DO WEBSITE CRP SOM & LUZ .................. 20

3.2.1. PÁGINA PRINCIPAL – HOME PAGE ................................... 21

3.2.2. PÁGINAS INTERNAS DO WEBSITE .................................... 22

4. TRABALHOS FUTUROS ....................................................................... 28

5. CONSIDERAÇÕES FINAIS .................................................................... 29

6. REFERÊNCIAS BIBLIOGRÁFICAS....................................................... 30

7. APÊNDICE ............................................................................................. 31

APÊNDICE A – Cartão de Visita ................................................................. 26

APÊNDICE B – Logotipo ............................................................................. 26

APÊNDICE C – DER – Diagrama Entidade Relacionamento ..................... 32

APÊNDICE D – MER – Modelo Entidade Relacionamento......................... 32

APÊNDICE E – Questionário para entrevista com o cliente – Briefing ....... 33

APÊNDICE F – Cronograma do Projeto CRP Som & Luz ........................... 35

12

1. INTRODUÇÃO

Com a importância e a necessidade da informatização das empresas,

principalmente para divulgar seus serviços, a criação de um website para a

prestadora de serviços CRP Som & Luz se tornou vital para o crescimento e

divulgação no mercado regional.

Visto que, a CRP Som & Luz presta serviços de locação de som, iluminação,

vídeo projeção e animação de eventos. A empresa está presente em vários eventos

como: casamentos, aniversários, formaturas, palestras, convenções, exposições,

feiras, teatros, entre outros.

Foi realizada uma pesquisa com as pessoas da cidade de Palmital-SP,

elaborada em forma de questionário e convertida em gráfico, na qual foi possível

elaborar a tabulação dos dados e analisar que 40% dos entrevistados não tinham

conhecimento sobre a existência da empresa CRP Som e Luz. De acordo com essa

análise gráfica concluímos que a empresa precisa de uma campanha publicitária

mais elaborada e eficaz.

Uma das ferramentas de divulgação mais utilizadas hoje em dia por

empresários e todos que pretendem divulgar seu negócio é a internet, e esse é o

principal objetivo da CRP Som e Luz, desenvolver um website para propagação dos

serviços prestados pela empresa. Com ele os clientes poderão conhecer melhor a

empresa e todos que não tem conhecimento sobre ela irão se integrar de tudo que

esta oferece, além de permitir que o usuário faça um orçamento daquilo que lhe

interessa e analisar as formas de pagamento, tudo de maneira rápida e eficiente

para que o cliente se sinta seguro e satisfeito.

Foram descritos abaixo alguns dos objetivos gerais e específicos que o

proprietário da empresa e os desenvolvedores do site pretendem alcançar com a

criação do site CRP Som e Luz.

O presente trabalho foi desenvolvido com tecnologias de ponta como as

versões atuais de HTML, CSS, PHP, JavaScript e AJAX.

13

1.1 . OBJETIVOS

Um dos principais objetivos do site é a divulgação da empresa CRP Som &

Luz, com isso o proprietário visa adquirir novos clientes e fazer a propaganda de

seus produtos e serviços disponíveis.

1.1.1 OBJETIVOS GERAIS

Os objetivos foram elencados juntamente com os responsáveis da empresa

CRP Som e Luz que necessitam de um website para melhorar a divulgação de seus

serviços e produtos, pois na era da informação as empresas pretendem alcançar um

maior número de pessoas e certamente para isso precisam ter uma página na

internet para melhorar as vendas, fazer a divulgação de seus serviços prestados ou

até mesmo para adquirir mais espaço no mercado, que hoje demanda muito de

todos profissionais, sempre procurando inovar seus empreendimentos.

1.1.2 OBJETIVOS ESPECÍFICOS

O website desenvolvido para a CRP Som & Luz visa à busca por novos

clientes e, além disso, melhorar na divulgação da empresa, dos produtos e dos

serviços para o público em geral, assim criar um canal de comunicação entre a

empresa e seus clientes.

O tema principal do projeto do website é transmitir aos usuários um

ambiente de balada com sons e efeitos.

1.2 . PROCEDIMENTOS METODOLÓGICOS

O procedimento metodológico utilizado neste projeto consiste em um estudo

de caso sobre a Empresa CRP Som & Luz, por meio de um questionário foi

realizado uma entrevista com o dono da empresa. Com o levantamento realizado

foram definidos os tópicos e páginas que seria útil ter no site, assim como o

desenvolvimento do logotipo e a parte visual (que é denominado de Identidade

Visual), tudo com a finalidade de criar uma identidade entre o site e a empresa.

14

2. REFERENCIAL TEÓRICO

2.1. RAMO DE ATIVIDADE

A CRP Som & Luz atua em eventos em geral como formaturas, corporativos,

shows e teatros para ambientes abertos e fechados.

2.1.1. SERVIÇOS PRESTADOS

A empresa visa fornecer consultoria e estrutura completa de som, luz e telão

para os eventos, com equipamentos de última geração. Também presta serviços

como locutor e mestre de cerimônia.

2.2. TECNOLOGIAS

A seguir uma pequena descrição das linguagens de programação e

softwares utilizados no desenvolvimento e no design do website, assim como na

programação de seu banco de dados.

2.2.1. CSS

CSS é uma linguagem utilizada para a definição e apresentação de

documentos em uma linguagem, como HTML ou XML e foi criada por Hakon Wium

Lie. Um de seus principais benefícios e a separação entre o formato e o conteúdo de

um documento, foi utilizada no projeto a versão 3.

Segundo Manzano e Toledo (2012, p.196) “é pertinente lembrar que as três

formas de usar o código CSS são possíveis apenas com as linguagens HTML 4.01 e

XHTML 1.1 aceita apenas as formas interna e externa, sendo a forma em linha

considerada deprecated, ou seja, é um recurso desaprovado pela W3C e deve

assim ser evitado”.

15

2.2.2. FERRAMENTA ADOBE FLASH

Adobe Flash é um software utilizado geralmente para a criação de

animações interativas como: propagandas e pequenos filmes, que funcionam em

qualquer navegador da web e também por meio de celulares, smartphones e

televisores. Neste projeto foi utilizado a versão CS6. O Flash foi criado pela

Macromedia e tem sido desenvolvido pela Adobe desde 2007, o software custa em

torno de R$2.328,50 e o link para baixá-lo é http://www.shopbot.com.br/ps-adobe-

flash-professional-cs6-56060208.html.

2.2.3. FERRAMENTA BRMODELO

É uma ferramenta voltada para a modelagem em banco de dados relacional,

utilizada para desenhar o conteúdo da base de dados a fim de facilitar na hora de

sua criação. A versão utilizada foi a 2.0, desenvolvido por Carlos Henrique Candido,

ano de publicação 05/09/2007, sendo uma ferramenta freeware, não é necessário

pagar licença de uso, o link do site para baixar é

http://brmodelo.programasejogos.com/.

2.2.4. FERRAMENTA COREL DRAW

Corel DRAW é um programa bidimensional para design gráfico criado em

1988. É um aplicativo que possibilita a criação e o manuseio de vários produtos,

como: desenhos, logotipos, capas de revista, livros, cartazes, entre outros.

Segundo Primo (2010, p.20), “o Corel DRAW trabalha com objetos vetoriais,

ou seja, desenhos que são criados a partir de fórmulas. Isso faz com que os

elementos possam ser redimensionados sem perder a qualidade do traço. Por este

motivo, há maior facilidade na edição e alteração das ilustrações, o que torna o

trabalho flexível e produtivo”. Foi utilizada a versão X6, o CorelDraw custa em torno

de R$1.399,00, desenvolvido pela Corel Corporation, o link para baixa-lo é

http://www.corel.com/corel/product/index.jsp?pid=prod4260069&trkid=BRSEMGglGR

&gclid=CMCckMrgtrcCFXQV7Aod7TUAVw.

.

16

2.2.5. FERRAMENTA FIREWORKS

O Fireworks é um editor de imagens desenvolvido pela Macromedia e

comparado pelo Adobe no ano de 2005. Suas funções focam na publicação gráfica

da Internet, por isso inclui suporte a GIF animado, PNG e imagens fatiadas, sem

contar que possui compressão de imagens. A partir da versão MX, ganhou

integração com outros produtos da mesma linha, Dreamweaver, Flash e Freehand.

Versão utilizada neste trabalho foi CS6, o software custa em torno de $294.98,

desenvolvido por Adobe, o link do site para baixar é http://www.amazon. com/s/ref=

nb_sb_ss_i_0_10/180-2006321-7459925?url=search-alias%3Daps&field-keywords =

adobe+fireworks&sprefix=adobe + fire%2 Caps%2C2122.2.6.

2.2.6. FERRAMENTA NETBEANS

O NetBeans é uma ferramenta IDE (Integrated Development Environment)

ambiente de desenvolvimento integrado criado em 1996 por estudantes de uma

universidade tcheca, possui código aberto para desenvolvedores de software nas

linguagens Java, C, C++, PHP, entre outras. Ele oferece ferramentas necessárias

para a criação de aplicativos para desktop. A versão utilizada foi 7.1, freeware e

open source, seu desenvolvedor é o Oracle, o link do site para baixar é

http://www.baixaki.com.br/download/netbeans-ide.htm.

2.2.7. FERRAMENTA PHPMYADMIN

PhpMyAdmin é um aplicativo desenvolvido para administração do MySQL

pela Internet criado pelo consultor de TI Tobias Ratschiller em 1998. Com ele é

possível criar e apagar bases de dados, manipular tabelas, executar códigos. O

phpMyAdmin é muito utilizado para a manipulação de bases de dados. Os

comandos SQL podem dividir-se em três categorias: DML (Data Manipulation

Language) que trabalha com linhas; DDL (Data Definition Language) que trabalha

com objectos como tabelas e o DCL (Data Control Language) que trabalha com

utilizadores. A versão utilizada foi a 3.5.2.2, seu desenvolvedor é o Projeto

17

phpmyadmin, essa é uma ferramenta grátis, o link do site para baixar é

http://www.phpmyadmin.net/home_page/index.php.

2.2.8. HTML

HTML é uma linguagem de marcação utilizada para a criação de páginas na

internet. Os sites criados em HTML podem ser interpretados pelos navegadores

Internet Explorer, Google Chrome, Mozila Firefox, entre outros. Essa tecnologia é

uma união entre os padrões SGML e HyTime. Segundo Manzano e Toledo (2012,

p.36) “a linguagem de marcação de hipertextos HTML, assim como qualquer outra

linguagem utilizada para programar ações de um computador, é formada por um

conjunto de palavras reservadas que possibilitam estabelecer o trabalho que um

determinado computador vai realizar”. A versão utilizada foi a 5, o HTML foi criado

em 1991 por: Tim Berners-Lee, no CERN (European Council for Nuclear Research)

na Suíça.

2.2.9. LINGUAGEM JAVA SCRIPT

JavaScript é uma linguagem de programação que permite validar formulários

e interagir com o usuário sem a necessidade de enviar ao servidor, podendo alterar

o conteúdo do documento exibido. De acordo com José Augusto N. G. Manzano e

Suely Alves de Toledo (2012, p.251) “todo programa escrito em Java Script consiste

em uma sequência de instruções que pode estar inserida em uma ou duas áreas de

um documento HTML, por meio de tags”.

2.2.10. LINGUAGEM PHP

PHP é uma linguagem de programação utilizada para desenvolver

aplicativos capazes de gerar um conteúdo mais dinâmico na Web. É geralmente

muito utilizado para criações de formulários de sites, páginas interativas e interage

com banco de dados. Foi criada em 1994 por Rasmus Lerdorf.

Segundo Gilmore (2011, p.1) “a linguagem PHP é a representante do projeto

open source, criada com a intenção de suprir as necessidades do desenvolvedor e

18

aperfeiçoar para se adequar às necessidades da sua crescente comunidade”. A

versão utilizada no projeto foi a 5.4.

2.2.11. LINGUAGEM SQL

Linguagem de Consulta Estruturada ou simplesmente SQL, é uma

linguagem de pesquisa padrão utilizada para programação de bases de dados. Por

ser padrão pode ser utilizada em qualquer banco de dados, é uma linguagem

simples e fácil de usar. A versão utilizada na criação da nossa base de dados foi a

SQL 2008.

2.2.12. MySQL

O Mysql é um programa para gerenciar bancos de dados, ele utiliza a

linguagem SQL, citado anteriormente, como interface. Atualmente é um dos bancos

mais utilizados e populares no mercado mundial, foi criado por David Axmark, Allan

Larsson e Michael Wideniusem em 1980 e desenvolvido pela Sun Microsystems que

posteriormente foi adquirida pela Oracle, a versão utilizada foi a 5.5, o link do site

para baixar é http://mysql.softonic.com.br/.

19

3. ESTUDO DE CASO

No ano de 1997, Carlos Roberto Paes, então locutor de rádio, em parceria

com o músico Adilson Costa, organizavam eventos na cidade de Palmital no interior

do estado de São Paulo e perceberam a necessidade de uma empresa que

trabalhasse com locação de som, pois não existia nesta cidade mão de obra para

este segmento.

Começou então a CRP Som & Eventos, que desde então vem atuando em

Palmital e região. No início a empresa encontrou muitas dificuldades para a

aquisição de equipamentos.

Atualmente foi observado que a CRP Som & Luz tinha a necessidade de um

website para melhorar a divulgação de seus serviços e produtos.

3.1. PROJETO DE WEBSITE CRP SOM & LUZ

A internet é um dos meios de comunicação de massa mais eficientes que

existe, com a necessidade da empresa em divulgar os seus serviços pela internet,

foi desenvolvido um website para dimensionar essa questão de divulgação. No

desenvolvimento foi utilizado as tecnologias: PHP, HTML, CSS, SQL, MySQL e Java

Script. Com o uso das tecnologias citadas anteriormente, possibilitou o

desenvolvimento de um site com um layout animado e dinâmico com objetos que

representam pequenas caixas de som vibrando.

Para armazenar as informações foi utilizado o banco de dados MySQL. A

página Principal terá todo o corpo do site, contendo links para as páginas internas

como: Empresa, Estrutura, Eventos, Contato e Administração.

3.1.1. IDENTIDADE VISUAL

“Identidade visual como o próprio nome diz é o conjunto de elementos

gráficos através do qual a sociedade e o mercado identificam seu negócio” (Da Capo

Marketing, 2011).

Para a criação de uma identidade visual, foi estudado e definido um conceito

adequado à representação da marca, destacando a personalidade da empresa.

20

Para isso utilizou-se as cores que já caracterizam e predominavam a

empresa, assim foram realizadas observações nos efeitos que as cores provocavam

no layout do site e escolhidas as que melhor se enquadraram. Também foi criado

um cartão de visitas para a divulgação da empresa, nele foram utilizados o logotipo

e cores padrões utilizadas no site.

3.1.1.1. CARTÃO DE VISITA

É muito comum hoje em dia às pessoas trocarem cartões de visitas como

uma forma de divulgar sua empresa, sendo assim foi decidido criar um cartão de

visitas para ser mais uma forma de divulgação. Segundo Irene Azevedo a função do

cartão de visitas é passar a identificação da empresa, portanto deve ser algo simples

contendo apenas logotipo, endereço virtual e telefone da empresa, com cores iguais

as utilizadas no site para manter a sua identidade visual.

3.1.1.2. LOGOTIPO

“O logotipo é o sinal adequado a identificar uma entidade que preste serviço

ou comercialize produtos, distinguindo-a das demais, podendo ser utilizado,

nomeadamente, em estabelecimentos, anúncios, impressos ou correspondência. É o

modo pelo qual determinada entidade pretende ser conhecida junto do público”

(INPI, Instituto Nacional da Propriedade Industrial).

Ainda no contexto de identidade visual, foi criado um logotipo para o site e

foram utilizadas as cores padrões da empresa. Por se tratar de uma empresa de

som então nada mais significativo do que associar os alto falantes à sua logomarca.

Foi um pedido feito pelo cliente, que apresentou muitas sugestões e já tinha ideia do

que gostaria que fosse desenvolvido. Dessa forma fortalecemos a identidade do site

com a empresa a qual está associado.

3.1.2. DESENVOLVIMENTO DO SITE CRP SOM E LUZ

O site contém um menu com os itens: Principal - a página inicial do site; A

Empresa - um historial com informações de como foi fundada a CRP e seus

principais serviços; Estrutura - mostrados os equipamentos de som e luz que a

21

empresa disponibiliza para seus clientes; Eventos - são apresentados alguns dos

principais eventos onde a empresa prestou serviços com seus equipamentos e

Contato - informações disponíveis como: telefone, e-mail e endereço da CRP para

que os clientes tenham mais informações sobre a empresa e que consigam contratar

os serviços disponíveis. A parte administrativa terá um formulário para cadastrar um

novo usuário, excluir, consultar ou alterar, criação de álbuns de fotos e criar

destaques.

Foram utilizados neste projeto de site as linguagens HTML, CSS e Java

Script para a parte gráfica. O site contém um layout com logotipo animado em GIF,

assim como um banco de dados MYSQL, para armazenar as informações. Utilizou-

se para a programação do site e do banco de dados às linguagens PHP e SQL. As

ferramentas utilizadas foram NetBeans, PhpMyAdmin, Dreamweaver, CorelDraw,

Adobe Flash, BrModelo e Fireworks.

3.1.2.1. PÁGINA PRINCIPAL – HOME PAGE

A página principal do site possui um layout animado em formato GIF

mostrando pequenas caixas de som vibrando para chamar a atenção do visitante e

criar uma identidade com a empresa que trabalha com equipamentos de som.

A Figura 1 representa a Página Principal do website, nesta página

encontram-se os links para todas as outras páginas do site de forma rápida e

dinâmica.

22

Figura 1. Página Principal – Home Page

3.1.2.2. PÁGINAS INTERNAS DO WEBSITE

O site contém 5 páginas internas descritas anteriormente.

A Figura 2 descreve um breve histórico da empresa, sua missão, como visão

e valores.

23

Figura 2. A Empresa – Página Interna

A Figura 3 apresenta a estrutura da empresa em relação a equipamentos.

24

Figura 3. Estrutura – Página Interna

A Figura 4 demonstra os eventos realizados pela empresa.

25

Figura 4. Eventos – Página Interna

26

Figura 5. Fotos – Página Interna.

27

Figura 6. Contato – Página Interna

28

4. TRABALHOS FUTUROS

Futuramente será desenvolvido um aplicativo do site para aparelhos móveis,

como celulares e smartphones para sistemas operacionais como o Android,

adaptando os parâmetros de layout, botões, tópicos e até as cores utilizadas com a

resolução das telas dos celulares. Outro projeto para o futuro é a criação de folders

para a divulgação da empresa e do website.

29

5. CONSIDERAÇÕES FINAIS

Algumas ideias iniciais foram retiradas do projeto e outras acrescentadas,

como: páginas de divulgações de bandas e cadastro de clientes não se faziam

necessárias ou não eram interessantes para o usuário, sendo assim foram, portanto,

removidas do projeto final e acrescentada a página administração. Houve algumas

mudanças, mas nada que atrapalhasse o cronograma final. O projeto atendeu as

expectativas com relação ao que era esperado pelo dono da empresa.

O website CRP Som & Luz têm como objetivo divulgar o trabalho da

empresa com o nome, tal como equipamentos e produtos. Conclui-se que, com a

disponibilização do site na internet possam aumentar a divulgação da empresa

principalmente na cidade onde esta situada.

30

6. REFERÊNCIAS BIBLIOGRÁFICAS

Disponível em: <http://pt.wikipedia.org/wiki/Site>. Acesso em: 05 abril 2013.

Disponível em: <http://webinsider.uol.com.br>. Acesso em: 05 abril 2013.

Disponível em: <http://www.efetividade.net>. Acesso em: 05 abril 2013.

Disponível em <http://www.andrecozza.com.br/interno.asp?Conteudo= artigo_

detalhe&id=7> Acesso em: 05 abril 2013

Disponível em <http://www.portaldoempreendedor.gov.br>. Acesso em: 19 abril 2013

Disponível em <http://www.guiadacarreira.com.br/artigos/profissao/publicidade>.

Acesso em 19 de abril 2013.

Disponível em <http://www.flexer.com.br/blog/criacao-de-layout-para-sites>. Acesso

em 19 de abril 2013.

Disponível em <http://algoritmizando.com/programandophp-aprenda-php>. Acesso

em 19 de abril 2013.

Disponível em <http://www.linhadecodigo.com.br>. Acesso em 19 de abril 2013.

Disponível em <http://www.dacapomarketing.com.br>. Acesso em 22 de junho de

2013.

GILMORE, W. Jason. Dominando PHP e MySQL: Do iniciante ao profissional.

Rio de Janeiro: Alta Books, 2011.

MANZANO, J. A. N. G. Guia de Orientação e Desenvolvimento de Sites: HTML,

XHTML, CSS e JavaScript/ JScript. São Paulo: Érica Ltda., 2012.

PRIMO, Lane. CorelDRAW X4 . São Paulo: Érica Ltda., 2010.

31

7. APÊNDICES

APÊNDICE A – Cartão de Visita

APÊNDICE B – Logotipo

32

APÊNDICE C – MER - Modelo Entidade Relacionamento

APÊNDICE D – DER – Diagrama Entidade Relacionamento

33

APÊNDICE E – Questionário para entrevista com o cliente – Briefing

1- A sua empresa acredita que os seus produtos satisfazem os clientes?

a. (x) Sim, totalmente. b. ( ) Sim, parcialmente. c. ( ) Não. 2- A sua empresa acredita que os preços de seus produtos cabem no bolso de

seus clientes?

R: Na maioria das vezes sim. 3- Em quais aspectos a sua empresa se diferencia em relação as suas concorrentes? a. ( ) Preço. b. (x) Produtos com qualidade. c. (x) Atendimento. d. (x) Assistência. e. ( ) Forma de pagamento. f. (x) Promoções. g. ( ) Forma de venda. 3- Quais os tipos de produtos/serviços que sua empresa oferece?

R: Locação de som, iluminação e telão para qualquer tipo de evento, serviços de locutor e animação. 4- - Dentre esses produtos/serviços quais são os mais procurados pelos

clientes? R: Locação de som, iluminação e locução. 5- Onde a sua empresa atua?

R: No momento atendemos a região de Assis e Ourinhos.

6- O local onde a sua empresa atua é de fácil acesso para a maioria dos clientes?

R: Sim, próximo ao centro da cidade. 7- Quais as formas de divulgação que sua empresa usa atualmente?

a. ( ) Rádio. b. (x) Internet (redes sociais). c. ( ) internet (e-mail). d. ( ) Propaganda volante. e. ( ) Banners. f. (x) Cartão de Visita. g. ( ) Folders. 8- Você acredita estar tendo um retorno financeiro positivo da sua Empresa?

34

R: Sim, porém estamos sempre em busca de novos mercados. 9- Quais formas de pagamento você acha viável a sua Empresa dispor aos

clientes?

R: Cheque, Cartão, Boleto Bancário.

35

APÊNDICE F – Cronograma do Projeto CRP Som & Luz