INSTITUTO FEDERAL DE EDUCAO, CINCIA E TECNOLOGIA DA BAHIA-

CAMPUS DE BRUMADO.

CURSO TCNICO EM INFORMTICA


ALESSANDRO LOBO OLIVEIRA


SITE DA PREDIAL MATERIAL DE CONSTRUO Site de divulgao e
gerenciamento de contedo na web.













BRUMADO BA
2014
ALESSANDRO LOBO OLIVEIRA




SITE DA PREDIAL MATERIAL DE CONSTRUO Site de divulgao e
gerenciamento de contedo na web.



Monografia apresentada ao Instituto Federal de Educao, Cincia e Tecnologia da
Bahia Campus de Brumado, como requisito parcial para a concluso do Curso
Tcnico em Informtica Modalidade Subsequente.

Orientador: Prof. Leonardo Rodrigues.









BRUMADO BA
2014
ALESSANDRO LOBO OLIVEIRA



SITE DA PREDIAL MATERIAL DE CONSTRUO Site de divulgao e
gerenciamento de contedo na web.



TCC - Monografia avaliada e aprovada em _____/_____/ 20__ pela comisso formada
pelos seguintes professores:



_________________________________________
Prof. Leonardo Rodrigues (orientador)
IFBA Brumado

_________________________________________
Prof. Thiago Miranda
IFBA Brumado

_________________________________________
Profa. Marcela Alves Pereira
IFBA - Brumado

BRUMADO BA
2014

RESUMO


























ABSTRACT



























SUMARIO












1. INTRODUO

Um site na internet no mais um luxo parapoucos, e sim uma regra geral para
empresas que querem sobreviver em um mercado cada vez mais agressivo e um mundo
globalizado.
O Brasil est entre os pases com maior crescimento usurios de internet. Esse
crescimento fruto do aumento da interatividade, segurana e velocidade, em conjunto
com a reduo dos preos cobrados pelo acesso rede, com isso deixando de ser apenas
instrumento de pesquisa e tornando-se uma poderosa ferramenta de marketing e vendas.
Ter uma pgina de internet se tornou indispensvel para empresas de todos os
tamanhos, possibilitando comunicao com os clientes sobre seus produtos e servios.
A utilizao do site pela Predial, empresa do ramo de varejo de materiais de construo,
ser um salto para o marketing digital da mesma, pois vai expandir a credibilidade e o
poder dos preos baixos que j so fato para quem j comprou atravs da internet. Outro
ponto importante ser a divulgao de contedo de interesse ao publico alvo, ou seja,
servios que contribua para a fidelizao do cliente com a empresa.
O projeto ser produzir um site de design agradvel aos usurios e seus pontos
principais sero: disponibilizar preos de produtos que se encontram em destaque,
servio de busca por profissionais do ramo dividido por categorias, isso devido grande
procura vista fisicamente dentro da empresa, e tambm cadastro simples para clientes e
visitantes do site para recebimento de atualizaes e ofertas.








2. JUSTIFICATIVA

Aempresa utiliza a divulgao de servios e produtos apenas por meios de panfletos e
carro de som, ficando refm dos obstculos fsicos que esses meios de marketing sofrem
para oferecer a informao desejada. O corrido cotidiano das pessoas faz com que a
perca desse tipo de marketing seja muito grande em relao internet.
A velocidade com que a informao chega aos usurios na internet extremamente
rpida, superando qualquer limite fsico. Aproveitando essa interao os
administradores podem esclarecer dvidas, disponibilizar servios e solucionar
problemas.
O site ir produzir um meio veloz e eficaz de relacionamento com o cliente e maior
visibilidade da empresa, aumentando as possibilidades de sucesso. Os produtos e
servios podero ser divulgados para milhares de pessoas ao mesmo tempo. A
divulgao digital o principal meio de captao de clientes para qualquer tipo de
negcio.















3. OBJETIVOS
3.1 OBJETIVO GERAL

Criar um site com sistema de gerenciamento de contedo para impor velocidade ao
marketing da empresa e oferecer servios que agreguem valor a imagem da mesma,
devido necessidade da maioria de seus clientes.
3.2 OBJETIVOS ESPECIFICOS

Criar a pagina, inicial para conter as principais informaes relativas a campanhas,
parceiros e promoes.
Criar a pagina, promoes para armazenar os produtos com preo em destaque da loja.
Criar a pagina, produtos para divulgao universal dos produtos da loja.
Criar a pagina,profissionais para cadastro e busca de profissionais do ramo.
Criar a pagina, contato para exibio de informaes bsicas, como: mapa, telefone e
formulrio de contato.
Criar o sistema administrativo para acesso ao gerenciamento do contedo do site como:
cadastro de categorias, cadastro de produtos em destaque, cadastro de produtos
universais, cadastro de profissionais e cadastro de usurios autorizados ao
gerenciamento do contedo.
Criar um newsletter para envio de boletins informativos e promoes.









4. REVISO BIBLIOGRFICA
4.1 HTML

HTML uma sigla em ingls para Hiper Text Markup Language, que em portugus
significa linguagem para marcao de hipertexto. A definio de hipertexto como todo
contedo inserido em um documento para a web e que tem como principal caracterstica
a possibilidade de se interligar a outros documentos da web.

Convm salientar com muita nfase que, desde sua criao, os idealizadores a HTML
tiveram a preocupao de retirar da linguagem de marcao qualquer atribuio ou
funo de apresentao, ou seja, HTML destina-se exclusivamente a estruturar
documentos. nessa destinao que se fundamentam os princpios bsicos do
desenvolvimento seguindo os Padres Web. (Silva, 2011)

Com isso deixa claro a funo do HTML, que a marcao de pginas web, ao
contrario da maioria das linguagens.
As paginas marcadas em HTML cria documentos sem formato a partir das marcaes
iniciadas pelas tags representadas pelo smbolo eencerrada geralmente por , sendo
posteriormente formatados por outra linguagem.
Torna-se necessrio a utilizao desta linguagem no sistema, pois o mesmo ser
implementado para a web, logo a marcao de pginas ser uma das principais etapas.

4.2 JQUERY

jQuery uma biblioteca JavaScript criada por John Resig e disponibilizada como
software livre e aberto, ou seja, de emprego e uso regido segundo licena conforme as
regras estabelecidas pelo MIT ((Massachusetts Institute of Techno logy) e pelo GPL
(GNU General Public License). Resumidamente, significa que pode-se usar a biblioteca
tanto para desenvolver projetos pessoais como comerciais usando a licena
gratuitamente.
uma maneira simples e fcil de escrever JavaScript colocada ao alcance no s de
programadores experientes, mas tambm de designers e desenvolvedores com pouco
conhecimento de programao (Silva, 2013).
Simplicidade a palavra-chave que resume e norteia o desenvolvimento com jQuery.
com JavaScript para se obter um efeito em um objeto so utilizadas muitas linhas de
cdigos, ao ponto que usando esta biblioteca as muitas linhas sero substitudas por um
nmero muito menor utilizando o JQuery.
Esta linguagem utilizada no sistema serviu para dar interatividade e dinamismo s
pginas, obtendo funcionalidades necessrias criao de script, enriquecendo a
experincia do usurio e diminuindo a quantidade de linhas na programao.
4.3 JAVASCRIPT

JavaScript foi criada pela Netscape emparceria com a Sun Microsystems, com a
finalidade de fornecer um meio de adicionar interatividade a uma pgina web. A
primeira verso, denominada JavaScript 1.0, foi lanada em 1995 e implementada em
maro de 1996 no navegador Netscape Navigator 2.0 quando o mercado era dominado
pela Netscape.
O cdigo escrito em JavaScript sempre ser executado pelo navegador quando a pgina
HTML visualizada pelo usurio. Ele uma parte integrante da pgina e permite que o
navegador seja capaz de tomar decises quanto ao modo com que o contedo
apresentado ao usurio e como pode ser manipulado.
Esta linguagem desenvolvida para rodar no lado cliente ao contrrio de algumas
linguagens que rodam no lado servidor, isto , a interpretao e o funcionamento da
linguagem dependem de funcionalidades hospedadas no navegador do usurio. Isso
possvel porque existe um interpretador JavaScript hospedado no navegador.
JavaScript capaz de acessar os campos e valores digitados em um formulrio HTML
e proceder validao dos dados, realizar clculos e fornecer dicas de preenchimento
dos campos (Silva, 2010).
Isto torna muito simples a validao de dados nos formulrios do sistema fazendo o
usurio conhecer antes mesmo de salvar os dados seus erros ou falta de insero em
parte do formulrio.
4.4 CSS

CSS a abreviao para o termo em ingls Cascading Style Sheet, traduzido para o
portugus como folhas de estilo em cascata. Como a criao do HTML faz apenas a
marcao das pginas,cabem s CSS todas as funes de apresentao de um
documento.
Podemos estilizar pginas de maneira que cores, fontes, posio dos elementos dentre
outros efeitos fiquem no lugar que planejamos em uma pgina web. Com isso tornam-se
as pginas marcadas com HTML em pginas dinmicas e visualmente agradvel ao
usurio.

4.5 PHP

O PHP, Hypertext Preprocessor, originalmente Personal Home Page uma linguagem
de criao do lado do servidor, projetada especificamente para a web. Em uma pgina
HTML pode ser colocado o cdigo PHP que ser executado quando a pgina web for
visitada. O cdigo PHP interpretado no servidor gerando um HTML que retorna como
sada ao usurio. Criado em 1994 por Rasmus Lerdorf, um cdigo fonte aberto,
podendo ser alterado e distribudo gratuitamente.
O PHP tem conexes nativas disponveis para muitos sistemas de banco de dados.
Alm do MySQL, voc pode conectar-se diretamente a bancos de dados PostgreSQL,
mSQL, Oracle, dbm, FilePro, entre outros (Welling, et al., 2005).
Funciona na maioria dos sistemas operacionais e de fcil aprendizado com suporte
orientado a objeto permitindo portabilidade, alm de ser gratuito, torna a escolha desta
linguagem a mais indicada para a criao do sistema.

4.6 MYSQL

Um SGBD consiste no software que gere todo o acesso a uma ou mais bases de dados,
permitindo a definio, acesso concorrente, manipulao e controle dos dados,
assegurando a integridade, segurana e recuperao das bases de dados.O MySQL um
servidor e gerenciador de banco de dados (SGBD) relacional, de licena dupla (sendo
uma delas de software livre), projetado inicialmente para trabalhar com aplicaes de
pequeno e mdio portes, mas hoje atendendo a aplicaes de grande porte e com mais
vantagens do que seus concorrentes. Possui todas as caractersticas que um banco de
dados de grande porte precisa, sendo reconhecido por algumas entidades como o banco
de dados open source com maior capacidade para concorrer com programas similares de
cdigo fechado, tais como SQL Server (da Microsoft) e Oracle. (Milani, 2007)

Como diz Milani, o MySQL um gerenciador de banco de dados relacional, ou seja,
armazena, manipula, gerencia e recupera dados em forma de tabelas. Possui licena
dupla, uma delas a licena comercial em que d suporte diferenciado e no precisa ser
regida pelos termos da GNU-GLP. A outra que a de software livre, portanto gratuita,
porm deve ser regida pelas clusulas da GNU-GLP.
Com aplicaes de pequeno e mdio porte, pode ser utilizado na maioria dos projetos
que no exija uma grande capacidade em um banco de dados. Pelo fato de armazenar os
dados em tabelas do tipo ISAM, faz com que o MySQL seja rpido e muito confivel
tornando-se hoje um dos bancos de dados mais utilizado em aplicaes para internet.
Com tudo isso e alm da facilidade em se utilizar-lo e de sua portabilidade, podendo ser
utilizado na maioria dos sistemas operacionais, que o gerenciador de banco dedados
MySQL seja escolhido para gerenciar a base de dados do sistema de controle da
delegacia.



















5. METODOLOGIA

Para o desenvolvimento do Sistema de Controle da delegacia, foi realizado um
levantamento de requisitos necessrios para suprir as necessidades da empresa e
resolver o problema. Foram realizadas pesquisas de como funcionava a empresa,
relatando as deficincias e evidenciando as dificuldades no trabalho dos funcionrios.
Em seguida foram propostas solues, baseando-se na anlise dos requisitos, trazendo
para a empresa uma soluo para o problema e discutindo a maneira como ficaria o
sistema.
O objetivo de estabelecer um bom modelo conceitual que ele possa ser compreendido
pelo usurio da maneira pretendida. O desenvolvimento do modelo conceitual a soma
do entendimento do produto com base nas necessidades do usurio e a soma de outros
requisitos identificados por suposies.
Nesta etapa foi desenvolvida a modelagem de dados do sistema baseando-se nos
requisitos e com as deficincias encontradas atravs de conversa com funcionrios que
usaro o sistema. A modelagem que definir o banco de dados ficar melhor ilustrada
da forma a seguir.
FIGURA conceitual do banco de dados
Com a modelagem de dados estabelecida iniciou-se a implementao do banco de
dados, criando a base de dados do sistema com suas respectivas tabelas. Foi
implementado no MYSQL como sistema gerenciador do banco que foi o escolhido para
oprojeto.
Figura tabelas do banco de dados

5.1 Especificaes do sistema
5.1.1 Requisitos

Um requisito funcional define uma funo de um sistema de software ou seu
componente. Uma funo descrita como um conjunto de entradas, seu comportamento
e as sadas. Os requisitos funcionais podem ser clculos, detalhes tcnicos, manipulao
de dados e de processamento e outras funcionalidades especficas que definem o que um
sistema, idealmente, ser capaz de realizar.
Requisitos no-funcionais so os requisitos relacionados ao uso da aplicao em termos
de desempenho, usabilidade, confiabilidade, segurana, disponibilidade e tecnologias
envolvidas. No preciso o cliente dizer sobre eles, pois eles so caractersticas
mnimas de um software de qualidade, ficando a cargo do desenvolvedor optar por
atender esses requisitos ou no.
Com isso foram definidos os requisitos do sistema dividindo o que seriam os requisitos
funcionais e os no funcionais baseando-se na necessidade que o cliente tem para operar
o sistema.
5.2 Diagrama de caso de uso

Um caso de uso representa uma funcionalidade completa do sistema, um conjunto de
sequncias de aes que um sistema executa gerando um resultado observvel pelo
usurio. So funes que o sistema vai desempenhar, ou seja, so funcionalidades que o
usurio vai realmente utilizar.