E.E.E.F.

M ESTUDANTE REBECA CRISTINA ALVES SIMES

COLGIO DA POLCIA MILITAR
CURSO TCNICO DE INFORMTICA PARA INTERNET

KATARYNA MARIA VIEIRA

LARISSA DE OLIVEIRA BATISTA

APLICAO WEB INTERAKCE

Joo Pessoa
2015

KATARYNA MARIA VIEIRA

LARISSA DE OLIVEIRA BATISTA

APLICAO WEB INTERAKCE

Relatrio
curso

de

INTERNET

tcnico

apresentado

INFORMTICA
da

EEEFM

ao

PARA

Estudante

Rebeca Cristina Alves Simes e como

pr-requisito para obteno do grau de
Tcnico em Informtica para Internet.
Orientador: Luan Carlos Bezerra.

Joo Pessoa
2015

KATARYNA MARIA VIEIRA

LARISSA DE OLIVEIRA BATISTA

TEMA DO PROJETO

BANCA EXAMINADORA

Orientador

Membro da Banca Examinadora

Membro da Banca Examinadora

Joo Pessoa

2015RESUMO
Este trabalho o resultado da criao do site para o restaurante
Katarynas que tambm poder ser adaptado para outros restaurantes.
Veremos inicialmente os objetivos principais desse projeto e suas principais
funcionalidades. Em seguida, ser discutida as metodologias usadas nesse
site, a plataforma que foi utilizada para sua manuteno e como funciona o site
Katarynas. Por fim, sero discutidas as perspectivas para esse tipo de
aplicao.

LISTA DE ILUSTRAES

Figura 1

08

Figura 2

08

Figura 3

09

Figura 4

09

Figura 5

10

Figura 6

10

Figura 7

11

Figura 8

11

SUMRIO
1. INTRODUO
1.1 OBJETIVO
1.2 OBJETIVOS ESPECFICOS

07
07
07

1.3 JUSTIFICATIVA

07

2. METODOLOGIA

07

2.1 INSTRUMENTOS UTILIZADOS

08

3. PLATAFORMA

08

4. HOME DO KATARYNAS

09

5. CONCLUSO

10

6. REFERNCIAS

11

1. Introduo

Nos dias atuais, a maior rede de consumo do mundo a alimentcia. Em

todo o lugar se encontra alguns clientes em restaurantes ou lanchonetes
muitas vezes lotados e com filas na espera de seus pedidos. Devido a essa
enorme procura no ramo, geralmente os clientes que esperam ou esto com
pressa recorrem a locais que sejam mais rpidos e consequentemente menos
saudveis para o seu consumo. O relatrio a seguir descreve uma forma de
adquirir uma tima comida de forma fcil e sem complicaes na espera do
pedido.

1.1 Objetivo
Criar o web interakce com o objetivo de ser acessvel a todo tipo de
usurio atendendo as necessidades dos consumidores, quando o mesmo
precisa de algo fcil e rpido que eleve a satisfao de seus clientes.
1.2 Objetivos Especficos
Agilidade nos servios de restaurantes
Praticidade na compra dos clientes
Compras de forma rpida e sem esperas
1.3 Justificativa
Esse trabalho se justifica atravs das grandes demandas de
restaurantes e lanchonetes que acabam deixando a desejar o servio oferecido
aos seus clientes. Constatamos que os mesmos no se adaptaram
devidamente as necessidades dos clientes em questo de disponibilizar a
comida no tempo estabelecido pelos consumidores.

2. Metodologia
Usando os conhecimentos obtidos durante o curso, principalmente em
desenvolvimento de websites, iniciamos nosso projeto com uma pesquisa
direcional a fim de incluir uma tecnologia de plataforma web que fosse ao
mesmo tempo fcil de programar e de configurar. Fizemos algumas pesquisas
na internet, para nos auxiliar.
2.1 Instrumentos utilizados

Utilizamos o Xampp por ser um instrumento mais simples, leve, rpido e

sem complicaes. Com ele, possvel rodar sistemas como WordPress e
Drupal localmente, o que facilita e agiliza o desenvolvimento.

Aps instalar o Xampp, criamos uma plataforma de banco de dados para

comear a fazer a aplicao web interakce. Para isso utilizamos o PhpMyadm.

O Dreamweaver foi usado para a customizao das pginas em html e

css por conseguir integrar ambas tecnologias com a facilidade das ferramentas
disponveis para o seu desenvolvimento. Dentre elas se destacam a rvore de
diretrios dedicada a projetos, onde o mapeamento de arquivos criado e
atualizado automaticamente diante de qualquer alterao.

O photoshop cs6 foi utilizado principalmente na criao da logomarca e

tratamento geral das imagens. Um grande diferencial desse editor so os
recursos de camada e efeitos para tratamento. Somado com o dreamweaver
ambos complementam o pacote de ferramentas grficas e desenvolvimento do
adobe sute colection.

3. Plataforma
Hoje, a grande dificuldade de quem pensa em ter um site no
somente sua criao, mas tambm a manuteno. Escolhemos o Joomla!
porque ele disponibiliza uma interface simples para que qualquer pessoa sem

conhecimento sobre o desenvolvimento web possa alterar, adicionar e

gerenciar os produtos sem muitas dificuldades.

4. Home do Katarynas

A home do site foi criada com as cores mais vibrantes para abrir o apetite
do visitante. composta por um slide show que apresenta todos os tipos de
comidas presentes no restaurante. Todas as imagens presentes no slide foram
tratadas para que tenham melhor visualizao sem perder a resoluo e no
pesar no site com o menor tamanho possvel, salvando assim todas para
(imagem).web.

O site possui um sistema de cadastramento que permite ao usurio

acessar sua conta, de modo que possa fazer seu pedido de forma mais rpida,
podendo desfrutar de sua rea vip. Alm disso, possui prioridade nas
promoes oferecidas no restaurante.

5. Concluso

A plataforma Joomla!, possibilita um painel de controle que fcil de

usar, pois possibilita a combinao do WordPress com a funcionalidade do
CMS(Content management system)Drupal. Sua facilidade na criao e
tambm no gerenciamento de sites torna tudo fcil com uma aparncia
profissional. A disponibilidade na criao de lojas virtuais facilitou o uso do
mesmo para a criao do projeto web INTERAKCE, que visa a forma rpida de
pedidos via internet. Com o propsito de facilitarmos a visita de todos os
usurios, estamos construindo a ideia de transformar o site para que as
pessoas que possuam daltonismo possam ter a possibilidade de visita-lo sem
nenhum tipo de empecilho com relao a sua deficincia. Este um projeto
futuro, que atravs de alguns ajustes ser implementado.

6. Referncias

Teresa Furtado para o techtudo, 2012. Disponvel em:

<http://www.techtudo.com.br/artigos/noticia/2012/12/entenda-o-que-e-joomla-eaprenda-usar-o-sistema-de-gestao-de-sites.html> Acesso em 10.nov.2015
XAMP, 2014. Disponvel em:
<https://www.apachefriends.org/pt_br/index.html> Acesso em 13.nov.2015
Paulo Higa, 2012. Disponvel em:
<http://www.techtudo.com.br/dicas-e-tutoriais/noticia/2012/02/o-que-e-xampp-epara-que-serve.html > Acesso em 13.nov.2015