Você está na página 1de 81

Governador

Cid Ferreira Gomes


Vice Governador
Domingos Gomes de Aguiar Filho
Secretria da Educao
Maria Izolda Cela de Arruda Coelho
Secretrio Adjunto
Maurcio Holanda Maia
Secretrio Executivo
Antnio Idilvan de Lima Alencar
Assessora Institucional do Gabinete da Seduc
Cristiane Carvalho Holanda
Coordenadora da Educao Profissional SEDUC
Andra Arajo Rocha

CURSO TCNICO EM INFORMTICA

MANUAL DO (A) Professor (A)

Laboratrio Web

Janeiro/ 2014
FORTALEZA/CEAR

Sumrio
Apresentao ............................................................................................................................................................. 3
Objetivos de Aprendizagem ..................................................................................................................................... 4
Contedo programtico ............................................................................................................................................ 5
RELAO DE COMPETNCIAS LABORATRIO WEB: .................................................................................. 8
Avaliao ..................................................................................................................................................................... 9
Cronograma de Atividades .....................................................................................................................................11
Fase 1 - Introduo ao planejamento de projetos. .............................................................................................13
1.1.

Metodologias de projeto. ........................................................................................................................13

1.2.

Trabalhando a gesto do tempo............................................................................................................15

1.3.

Trabalho em equipe.................................................................................................................................19

GUIA DE AUTOPERCEPO ..........................................................................................................................20


1.4.

Painel de Projeto......................................................................................................................................28

1.5.

Aplicao do briefing. ..............................................................................................................................29

Fase 2 - Desenvolvimento de Projetos.................................................................................................................31


2.1.

Apresentao de Projetos. .....................................................................................................................31

2.2.

Fases de desenvolvimento do projeto. .................................................................................................34

Estrutura do Projeto.............................................................................................................................................35
Ciclo de Desenvolvimento do Projeto ...............................................................................................................37
2.3. Projetos a serem desenvolvidos. ...............................................................................................................39
2.3.1. Restaurante. .........................................................................................................................................39
2.3.2.

Consultrio. ...........................................................................................................................................43

2.3.3. Concessionria.....................................................................................................................................47
2.3.4. Loja.........................................................................................................................................................50
2.3.5.

Hotel. ......................................................................................................................................................53

2.3.6. Banco de Questes e Gerao de provas. ......................................................................................56


2.3.7. Locao de equipamentos. ................................................................................................................60
2.3.8. Pet shop. ...............................................................................................................................................63
2.3.9. Assistncia tcnica - ordem de servio. ...........................................................................................68
Bibliografia ..................................................................................................................................................................72
ndice de ilustraes ...................................................................................................................................................72
ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Apresentao
O manual apresenta duas fases uma introdutria que trata do planejamento de
projetos, abordando algumas metodologias de projeto, gesto do tempo e o trabalho em
equipe, a segunda fase uma serie de praticas dividido em 9 nove projetos, O objetivo deste
manual orient-lo

durante a vivencia de desenvolvimento de projetos web, muito

importante a dedicao de cada membro da equipe que ser formada para desenvolver os
projetos, neste ponto vamos trabalhar com a unio de conhecimentos adquiridos em disciplinas
anteriores, Sendo uma boa reviso pratica de contedos, que nos preparam para o prximo
passo que o estgio.
Elaborado no intuito de qualificar o processo de formao, este Manual um
instrumento que se constitui como um mediador para facilitar o processo de ensinoaprendizagem em sala de aula.
importante que o (a) aluno (a) compreenda o propsito do mtodo do curso, e assim,
se aproprie do contedo e da metodologia proposta por meio das atividades, Esperamos
contribuir com a consolidao do compromisso e envolvimento de todos (professores e alunos)
na formao desses profissionais.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Objetivos de Aprendizagem
Ao final da disciplina os alunos devem ser capazes de...

Desenvolver algoritmos atravs de diviso modular e refinamentos sucessivos


Programar usando ambientes de desenvolvimento integrado.
Organizar a coleta e documentao de informaes sobre o desenvolvimento de
projetos
Realizar integrao linguagens e Banco de Dados.
Realizar testes de software, mantendo registro que possibilitem analise e refinamento
dos resultados.
Adquirir conhecimento tcnico e profissional em desenvolvimento de sistemas.
Adquirir conhecimento tcnico e profissional em suporte e trabalho em equipe.
Utilizar ambientes de desenvolvimentos de sistemas, sistemas operacionais e bancos de
dados.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Contedo programtico
Fase 1 Introduo ao planejamento de projetos.
Metodologias de projeto.
Trabalhando a gesto do tempo.
Trabalho em equipe.
Painel de Projeto.
Aplicao do briefing.
Fase 2 Desenvolvimento de projetos.
Apresentao de Projetos.
Fases de desenvolvimento do projeto.
Projetos a serem desenvolvidos.
1. Restaurante.
2. Consultrio.
3. Concessionria.
4. Loja.
5. Hotel.
6. Banco de Questes e Gerao de provas.
7. Locao de equipamentos.
8. Pet shop.
9. Assistncia tcnica - ordem de servio.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Ementa
Disciplina

C/H

Ano

Sem.

Pr-Requisito

Laboratrio de Web

100

Informtica Bsica
Lgica
de
programao
HTML / CSS
JavaScript / PHP
Banco de Dados
PHP / MySql

OBEJTIVO OPERACIONAL
INTENO A SER ALCANADA
(Apresenta uma competncia como sendo o comportamento global esperado)

Vivenciar atividades referentes ao desenvolvimento de projetos web, desenvolver aplicaes


web integrado ao SGBD, participando das atividades propostas segundo o plano de
planejamento, as condies e critrios que seguem.
COMPETNCIAS
(Descrevem os elementos essenciais da competncia na forma de comportamentos particulares).

Desenvolver algoritmos atravs de diviso modular e refinamentos sucessivos


Implementao usando ambientes de desenvolvimento integrado.
Organizar a coleta e documentao de informaes sobre o desenvolvimento de
projetos
Realizar integrao linguagens e Banco de Dados.
Realizar testes de software, mantendo registro que possibilitem analise e refinamento
dos resultados.
Ter conhecimento tcnico e profissional em desenvolvimento de sistemas.
Ter conhecimento tcnico e profissional em suporte e trabalho em equipe.
Utilizar ambientes de desenvolvimentos de sistemas, sistemas operacionais e bancos de
dados.

FUNDAMENTOS TERICO-PRTICOS
(Determinam e orientam as aprendizagens, permitindo a aquisio das competncias de maneira
progressiva e por etapas).

FASE 1 : Introduo ao Planejamento de Projetos

Conhecer aspectos relevantes ao Planejamento de Projetos.


Estudar sobre metodologias de projeto.
Apresentar um briefing, conhecendo sua aplicabilidade.
Trabalhar a Gesto do tempo e o trabalho em equipe.
Criar indicadores do Projeto.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

FASE 2 : Desenvolvimento de Projetos

Desenvolver pginas web com cdigos PHP incorporados.


Aplicar sintaxe do PHP com elementos HTML.
Desenvolver formulrios dinmicos.
Criar funes de requisio de pginas do lado servidor.
Desenvolver script para transferncia de dados de um computador local para um
servidor.
Realizar manipulao de dados em um SGBD.
Desenvolver script para validao de usurio com sesso.
Desenvolver scripts para operaes de criao, leitura, atualizao e excluso de dados
em um SGBD.
Desenvolver consultas SQL usando a linguagem de programao PHP.

AES PEDAGGICAS
(Os limites a serem respeitados e os meios de aplicao).

Possibilitar a execuo de vrias atividades no desenvolvimento de aplicativos web;


Estimular as iniciativas dos alunos respeitando os acordos estabelecidos sobre o
trabalho a ser efetuado;
Assegurar o acompanhamento peridico dos alunos;
Intervir em casos de dificuldades ou de problemas;
Guiar o processo de avaliao dos alunos fornecendo instrumentos tais como
questionrio, grades de anlise, estudo de casos, laboratrio de aprendizagem e etc;
Motivar os alunos a executar as atividades propostas;
Fornecer aos alunos meio de avaliar suas capacidades de construir aplicativos web com
integrao a um SGBD;
Permitir aos alunos a terem trocas entre eles sobre dificuldades e solues encontradas;
Procurar integrar os conhecimentos adquiridos na elaborao de aplicativos web para
resoluo de situaes propostas;
Realizar demonstraes sobre a aplicabilidade de scripts PHP relacionados aos temas
estudados.
Promover discusses em grupo sobre a melhor soluo encontrada para um
determinado problema.
Garantir realizao de praticas no laboratrio de informtica.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

RELAO DE COMPETNCIAS
LABORATRIO WEB:

Desenvolver algoritmos atravs de diviso modular e refinamentos sucessivos.


Implementao usando ambientes de desenvolvimento integrado.
Organizar a coleta e documentao de informaes sobre o desenvolvimento de
projetos
Realizar integrao linguagens e Banco de Dados.
Realizar testes de software, mantendo registro que possibilitem analise e refinamento
dos resultados.
Ter conhecimento tcnico e profissional em desenvolvimento de sistemas.
Ter conhecimento tcnico e profissional em suporte e trabalho em equipe.
Utilizar ambientes de desenvolvimentos de sistemas, sistemas operacionais e bancos
de dados.

Tabela 1 Relao de Competncias - laboratrio Web

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

CURSO TCNICO EM INFORMTICA

Avaliao
A proposta de avaliao desta disciplina pautada nas competncias anteriores, abaixo temos uma sugesto de avaliao dos alunos.
Avaliao dos alunos ser feita atravs da entrega de atividades do projeto, no cronograma existe uma carga horria reservada para este
momento, que chamada de avaliao da etapa, temos 4 quatro etapas de avaliao como veremos abaixo;
1. Avaliao da Etapa Planejamento
Nesta etapa o que ser observado se toda a equipe realizou o planejamento do projeto, a partir desta etapa teremos as atribuies de
cada membro da equipe e que atividades cada um esta responsvel. Podemos atribuir uma nota geral para a equipe nesta etapa.
Porem ao perceber que um aluno no participou da atividade no colaborou com a equipe em nada, esse aluno deve receber uma
pontuao inferior aos outros.
2. Avaliao da Etapa - Layout e Designer
Esta avaliao leva em conta a capacidade dos alunos produzir layout e designer de pelo menos uma pgina, sendo assim todos os
membros da equipe ser responsvel por construir pelo menos uma pgina com layout e designer.
3. Avaliao da Etapa - Banco de Dados
Nesta etapa avaliaremos a documentao do banco de dados, que foi construda com todos os membros da equipe, tendo assim uma
pontuao geral para todos os membros da equipe. Porem ao perceber que um aluno no participou da atividade no colaborou com a
equipe em nada, esse aluno deve receber uma pontuao inferior aos outros.
4. Avaliao da Etapa - Codificao
Esta etapa avaliada a competncia do aluno em codificar uma pgina com uma linguagem de programao web, este processo de
avaliao nesta etapa constante enquanto os alunos esto codificando, para fechar esta etapa podemos fazer uma breve
apresentao funcional do site ou aplicativo web.

Par criar esta pontuao pode-se criar uma escala, veremos um exemplo abaixo;
Critico ou insatisfatrio O aluno apresenta falta de compromisso em cumprir as atividades, no sabe ou no que 0.0 5.5
cumprir as atividades do projeto, no entrega as atividades por no querer ou por ter muita
dificuldade.
Satisfatrio ou bom

Muito bom

O aluno apresenta o conhecimento porem pode apresentar duvidas ou desconhecimento de 6.0 7.5
algumas atividades, pouca segurana ao realizar a tarefa, porem consegue desenvolver as
atividades propostas.
O aluno apresenta conhecimento nas atividades realizadas, desenvoltura e segurana nas 8.0 10.0
atividades do projeto, cumprimento dos prazos estabelecidos.

Tabela 2 Escala de pontuao

O Professor deve escolher uma forma de avaliar as atividades realizadas, caso os alunos apresentem dificuldades em alguma etapa,
aconselhvel que se realize uma interveno com o grupo que apresenta dificuldades.
Na tabela abaixo temos um exemplo para acompanhamento de avaliao de etapas.
Avaliao da Etapa (Nome da etapa que esta sendo avaliada)
N

Descrio da tarefa

Data de
entrega

Responsvel

Prazo
Cumprido?
(Responder
sim ou No)

Observaes

Tabela 3 Tabela de acompanhamento da avaliao

Tambm interessante criar um acompanhamento dirio com observaes sobre a equipe e alunos de forma individual.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Pontuao

CURSO TCNICO EM INFORMTICA

Cronograma de Atividades
Aula

Ncleo de Contedos
Descrio
FASE I -Introduo ao Planejamento de Projetos

1 aula
Apresentao da disciplina
2 e 3 aula

Apresentao disciplina e do
contedo programtico
Nesta aula sero apresentadas
metodologias de projeto.

Metodologias de projeto.
Nesta aula vamos conhecer como
importante a gesto do nosso tempo,
conhecer o ciclo PDCA.

4 aula
Trabalhando a gesto do tempo

Informaes sobre tipos de membros


para a equipe, instrumental para definir
tipos de membros ideais para as
equipes de projeto.

5 e 6 aula Trabalho em equipe

Criao do painel de
acompanhamento do projeto, onde os
alunos vo confeccionar o painel do
seu projeto.

7 a 8 aula Painel de Projeto

9 e 10
aula

Nesta aula vamos conhecer o que


um briefing, e saber como utilizaremos
o mesmo. Conhecer os tipos de
briefing.

Aplicao do briefing

FASE II - Desenvolvimento de Projetos


11 a 14
aula

15 a 18
aula

Planejamento do Projeto

Definio de processos (Atividades)


do projeto.
Criao do mapa do site.

Atividades do Projeto

Para cada projeto teremos as


atividades que sero desenvolvidas
pelos membros da equipe, planejar e
distribuir as responsabilidades das
tarefas.

19 a 23
aula
24 e 25
aula
26 a 30
aula
31 a 35
aula

Avaliao da Etapa - Planejamento


Definio do processo a ser
desenvolvido a partir do mapa do site

Definir tarefas para os membros da


equipe, definindo uma sequncia, quais
tarefas sero iniciadas.

Desenvolvimento do Layout do site

Criao de Layouts para o projeto.

Designer do site

Aplicando as cores requisitadas pelo


cliente, definindo efeitos grficos.

36 a 40
aula
41 a 50
aula

Avaliao da Etapa - Layout e Designer


Projeto de Banco de Dados

51 a 55
aula
56 a 85
aula
86 e 90
aula

Criao do MER.
Criao do DER.
Criao do dicionrio de dados.

Avaliao da Etapa - Banco de Dados


Desenvolvimento de Formulrios
(Codificao)

Codificao usando a linguagem de


programao PHP

Testes de mdulos

Realizao de teste de cada modula ou


atividade

91 e 95
aula

Avaliao da Etapa - Codificao

96 e 100
aula

Interveno Pedaggica
Avaliao da Fase

Tabela 4 Cronograma de Atividades

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Fase 1 - Introduo ao planejamento de


projetos.
1.1.

Metodologias de projeto.

Antes de observar diretamente as diretrizes da metodologia de projetos, faz-se necessrio ter a


noo do que se trata metodologia e projeto, neste sentido, vlido entender o que diz o
dicionrio.

Sendo

assim

observe

as

definies

abaixo,

sacadas

do

http://www.dicionariodoaurelio.com, em janeiro de 2014:


Mtodo Maneira de dizer, de fazer, de ensinar uma coisa, segundo certos princpios e em
determinada ordem. Maneira de agir.
Projeto - O que se tem a inteno de fazer; desgnio; intento; plano de realizar qualquer coisa.
Estudo, com desenho e descrio, de uma construo a ser realizada.
De posse do conceito basilar de Mtodo e Projeto, pode-se entender que Metodologia de
Projeto na realidade a forma pela qual se caminha para a realizao de uma tarefa ou
produto.
Utilizando as diretrizes acima, pode-se dizer que a Metodologia de Projeto um aspecto de
fundamental importncia para o sucesso de qualquer empreendimento, e no campo da
Tecnologia da Informao no diferente. Por exemplo, deseja-se desenvolver um game para
utilizao em smartphones. Para tal, faz-se necessrio uma srie de passos a serem tomados
desde a ideia inicial, at a concluso do produto. Se estes passos no so bem dados, todo o
caminho pode ser prejudicado e o objetivo no ser alcanado.
Vrias so as metodologias utilizadas e relacionadas Tecnologia da Informao para a
formatao ou gerenciamento de projetos. Abaixo, elenca-se algumas:
Scrum:

Trata-se de uma metodologia de desenvolvimento de projetos que tem como caracterstica a


aplicao em equipes pequenas e com profissionais de diversas reas. Tem como forma clara
reunies rpidas, quase cotidianas e que procuram buscar o e o feedback acerca dos passos
dado.
Interessante observar o papel fundamental do cliente que participa de forma ativa e prxima da
equipe de desenvolvimento com vistas a que se chegue ao objetivo maior esperado pelo
cliente.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Busca-se o mximo de eficincia, criatividade e agilidade de toda a equipe, principalmente dos


programadores, j que esta metodologia aplica-se quase sempre em projetos em curto prazo.

Extreme Programming:

Esta metodologia mais conhecida pelo termo XP. Trata-se de mtodo mais indicado para
projetos que no esto to bem definidos ou quando no se tem noo exata do que busca.
Baseada em princpios bsicos como Comunicao, Simplicidade, Feedback e Coragem,
caracteriza-se pela sua flexibilidade mudanas, ainda que em estgio avanado do projeto.
Uma das particularidades desta metodologia a chamada programao em par ou dupla, isto
, duas pessoas juntas em um mesmo computador, buscando ter a reviso macro do projeto,
fator que diminui o risco de erros e promove a interface de conhecimento e crescimento tcnico
de ambos.

ITL:

Da mesma maneira que o PMBok, trata-se de prtica eficaz indicada para a gesto de projetos.
Funciona ao mesmo tempo em que outras aes j esto sendo implantadas, j tais atividades
em funcionamento no podem parar. Possui como aspectos mais visveis o entendimento da
necessidade das pessoas (cliente e fornecedor).
Tambm caracterstica marcante a aplicao frequente do checklist e o estabelecimento de
papis e atribuies para cada integrante da equipe e dos envolvidos de forma geral.

PMBOK:

uma ferramenta mais complexa, ou seja, possui mais detalhes para a gesto de projetos.
Nela percebemos o nmero grande de planos, documentos, etapas e passos a serem tomados
at mesmo antes da iniciao do projeto.
Destacam-se aspectos como o levantamento e acompanhamento de custo, tempo e risco, por
exemplo.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

1.2.

Trabalhando a gesto do tempo.

No mbito da informtica o tempo assume proporo muito significativa, j que projetos devem
ser desenvolvidos em um prazo determinado para atender a certa demanda, logo, se o tempo
extrapolado perde-se todo o objeto e a razo de ser. importante que o profissional esteja
cada vez mais consciente do valor do tempo, podendo fazer uso de tcnicas para melhor
utiliz-lo.
Podemos conceituar a gesto do tempo como sendo a atividade que visa organizar o tempo
disponvel, de forma que atenda a execuo de tarefas visadas. Para este gerenciamento de
tempo entra em relevo uma srie de fatores como: meios humanos disponveis, escolha de
prioridades, estabelecimento de cronogramas e prazos, enfim, uma srie de aspectos.
Quando temos um objetivo a ser atingido, como por exemplo, a concluso do Ensino Mdio
Profissionalizante, devemos estabelecer metas e estratgias de gerenciamento do nosso
tempo para que mesmo com as diversas atividades que temos (famlia, trabalho, lazer, etc.)
possamos alcanar o sucesso.
O planejamento eficaz e o gerenciamento do tempo so as ferramentas indispensveis para a
organizao de nosso dia, dos nossos projetos pessoais, educacionais e profissionais. Porm,
o desempenho desta tarefa de maximizar o tempo rduo, muitas dificuldades e obstculos
aparecem, dentre as quais, podem-se ilustrar:

Falta de conscincia do valor do tempo;

Planejamento ausente ou mal trabalhado;

Deficincia nos meios necessrios;

Desvio do foco e baixo comprometimento;

Inmeras podem ser as consequncias danosas da m gesto do tempo, tanto no campo


pessoal como no profissional. Dentre elas, podemos citar trs diretamente relacionadas com o
universo profissional:

Atraso ou m qualidade dos produtos;

Falta de credibilidade;

Falncia.

No ramo de servios e produtos, como na informtica, qualidade e prazo so essenciais, e a


satisfao do cliente fundamental, principalmente, por ser ele o principal difusor da
propaganda boca a boca e esta, segundo pesquisa recente a mais poderosa fonte de
informaes

dos

consumidores

brasileiros

sobre

produtos

servios

(Fonte:

www.amcham.com.br, jan/2012. Estudo Global de Comportamento do Consumidor 2010,


realizado pela consultoria Accenture em 17 naes).

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Como se v, a ingerncia do tempo pode trazer consequncias s vezes irreversveis e mortais


para os projetos, planos e objetivos que se pretende alcanar. Logo, torna-se imperioso o
domnio de tcnicas de aproveitamento do tempo para que se encurtem caminhos e se alcance
o sucesso.

Mas, como conseguir este atributo? Como administrar bem o tempo e faz-lo nosso aliado e
no nosso inimigo?
Muitos estudiosos do mundo da administrao e da gesto tm se desdobrado para encontrar
o melhor modelo e frmula secreta mais eficaz de gerir projetos e disciplinar eficientemente o
uso do tempo quando da execuo de tarefas. Dentre estes modelos destaca-se o chamado
PDCA, na verdade siga em ingls que significa e que vermos com mais detalhes a seguir:

Plan: Planejamento da Atividade;


Do: Execuo da Atividade;
Check: Verificao do andamento da Atividade;
Action: Ao nos Resultados.

O grfico abaixo demonstra com clareza a maneira de funcionamento do PDCA (Imagem de


http://resultadosrapidos.blogspot.com, em jan/2012).

O PDCA pode ser identificado como o Ciclo de Shewhart, e foi desenvolvido em 1930 por
Walter Andrew Shewhart, engenheiro e fsico, que enquanto trabalhando no Bell Laboratories
ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

(Indstria de telecomunicaes dos Estados Unidos da Amrica) apresentou tal ferramenta


como instrumento de excelncia de gesto de qualidade. Analisando estatisticamente o
controle de processos, ele criou um modelo capaz de ser implantado na abordagem de
qualquer situao, inclusive na administrao do tempo.
O PDCA apresenta-se como um potente meio e ferramenta para uma gesto eficiente do
tempo seno vejamos:

Planejamento da Atividade;

Como visto, o planejamento o marco inicial de qualquer projeto. Neste sentido, se


quisermos maximizar e aproveitar bem o tempo, temos que dentro deste lapso temporal
disponvel, identificar os problemas, estabelecer metas e finalmente estabelecer o plano
de ao, ou seja, como, com o que e quando iremos atuar.

Execuo da Atividade;

A partir de um bom planejamento, onde estejam presentes dentre outros atributos como
recursos disponveis, torna-se absolutamente possvel dar andamento ao projeto e
cronologicamente trabalhar dentro do tempo esperado.

Verificao do andamento da Atividade;

Iniciado o processo necessrio que a cada etapa se possa checar se est sendo
realizado a contento e dentro do prazo estipulado. Aqui possvel readequar metas e
acelerar processos.

Ao nos resultados.

Completando as ideias do ciclo PDCA, encontra-se a ao nos resultados, isto leva a


refletir que aps todo o processo de criao, formatao, realizao de servio ou
produto, faz-se necessria uma avaliao para aferir os acertos e erros, desta forma,
criando uma frmula para o sucesso, ou seja, uma gesto eficaz do tempo.

Do contexto, vale o entendimento de Chiavenato quando diz: Para Chiavenato (2001), a tarefa
da Administrao interpretar os objetivos propostos pela organizao e transform-los em
ao organizacional por meio do planejamento, organizao, direo e controle de todos os
esforos realizados em todas as reas e em todos os nveis da organizao, a fim de alcanar
tais objetivos de maneira eficaz.
Neste sentido, todos os esforos encontram-se de forma clara o gerenciamento e
administrao eficiente do produto tempo e vlidas as ponderaes do PDCA.
ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

De fato, uma das ferramentas mais importantes para o bom uso do tempo indubitavelmente o
planejamento e o estabelecimento claro e objetivo de quais so os pontos mais urgentes, mais
importantes, inadiveis e enfim, o estabelecimento de uma lista de prioridades dentro de nosso
ciclo de vida pessoal ou profissional.
Reforando o disposto no pargrafo ltimo fica muito vlida a ideia de Johann Wolfgang von
Goethe, considerado um dos mais influentes e respeitados pensadores e escritores da
Alemanha, quando afirma que: as coisas mais importantes nunca devem ficar a merc
das menos importantes. (Fonte Wikipdia, jan/2012).
Com suporte nos ensinamentos de Chiavenato, nas reflexes de Goethe e nos fundamentos do
PDCA, fica absolutamente ntida que h sim possibilidade de gerenciamento eficaz do tempo,
desde que tenhamos planejamento, disciplina e conscincia de como, onde, e quando
queremos chegar.
Na verdade a administrao positiva do tempo um dos principais componentes para que
consigamos viver com tranquilidade, atingindo nossos objetivos, alcanando nossas metas e, o
mais importante, tendo oportunidade de construir a nossa felicidade em todos os sentidos.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

1.3.

Trabalho em equipe.

O uso de metodologia de processo vivel e correta utilizao do tempo so aspectos


imprescindveis e ferramentas poderosas que auxiliam o gerenciamento de projetos desde sua
concepo at seu trmino. Porm, para que efetivamente tenham validade, faz-se necessrio
que seja implementado por uma equipe que contenha competncia para tal alm de
comprometimento profissional. De fato o componente humano o grande diferencial para o
sucesso dos projetos.
Neste tpico iremos observar de forma mais especfica o papel de cada membro da equipe e
sua importncia para composio de um projeto.

Para uma viso mais prtica da importncia da equipe desenvolvimento de projetos, faz-se
pertinente a observao de instrumental, que funciona como um guia de autopercepo
(extrado de Management Teams: Why they Succeed or Fail? / Equipes Gerenciais: Por
que alcanam sucesso ou fracassam?, autoria de R. Meredith Belbin editora
Heinemann, Londres, 1981.).
Esta ferramenta utilizada no GEP GESTO ESTRATGICA DE PESSOAS, e inclusive
apresenta proposta a ser preenchida como atividade prtica e que visa obter um perfil por meio
do clculo de pontos conforme cada item referente pergunta.
A aplicao deste instrumento nos serve de forma muito particular para saber o valor e
importncia que o indivduo particular tem para o todo e permite uma atividade de reflexo
quanto a aspectos relativos ao desempenho individual e a contribuio para o conjunto.
Sendo assim, observemos e pratiquemos o Guia.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

GUIA DE AUTOPERCEPO
Orientaes:
Em cada seo abaixo distribua um total de dez pontos entre as frases que voc acha que
melhor descrevem o seu comportamento. Estes pontos podem ser distribudos entre diversas
frases. Em casos extremos, podem ser alocados entre todas as frases ou tambm o contrrio
pode ocorrer: os dez pontos podem ser dados a uma s frase.
Lance os pontos na Tabela que se encontra na ltima pgina.
I. O QUE CREIO PODER CONTRIBUIR A UMA EQUIPE:
A) Acho que consigo rapidamente enxergar e aproveitar novas oportunidades.
B) Posso trabalhar bem com uma enorme diversidade de pessoas.
C) Um de meus pontos fortes naturais gerar ideias.
D) Sou capaz de fazer com que as pessoas se expressem sempre que percebo que elas tm
algo de valor a contribuir para os objetivos do grupo.
E) Minha capacidade tenaz de levar as coisas at o fim tem muito a ver com a eficcia de
minha atuao.
F) Estou pronto a ser temporariamente impopular se, no final, isto levar a resultados que
valem a pena.
G) Rapidamente percebo o que provavelmente funcionar numa situao com a qual eu esteja
familiarizado.
H) Consigo oferecer um leque bem pensado e razovel de aes alternativas, sem introduzir
vieses ou tendenciosidades.
II. SE TENHO UM POSSVEL DEFEITO NO TRABALHO EM EQUIPE, PODERIA SER
O SEGUINTE:
A) No me sinto vontade a menos que as reunies sejam bem estruturadas, bem controladas
e geralmente bem conduzidas.
B) Tendo a ser generoso demais com aqueles que tem um ponto de vista vlido mas que no
foi suficientemente discutido.
C) Tenho a tendncia de falar muito quando o grupo passa a discutir ideias novas.
D) Minha perspectiva objetiva me dificulta entrar num congraamento pronto e imediato com
colegas.
E) s vezes sou percebido como insistente e autoritrio, se h necessidade de se fazer algo.
F) difcil para mim assumir uma iniciativa de liderana, talvez porque eu seja
demasiadamente influenciado pela atmosfera grupal.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

G) Tendo a ficar excessivamente preso a ideias que me ocorrem e, com isto, perco a
percepo do que est acontecendo.
H) A tendncia de meus colegas achar que me preocupo demasiadamente com detalhes e
com a possibilidade de que as coisas saiam erradas.
III. AO PARTICIPAR DE UM PROJETO COM OUTRAS PESSOAS, EU:
A) Tenho capacidade de influenciar estas pessoas sem pression-las.
B) No permito, por ser geralmente atento e vigilante, que erros e omisses ocorram por
descuido.
C) Estou pronto a insistir em agir, para que a reunio no perca tempo nem se desvie do
objetivo principal.
D) Contribuo com algo original; podem todos estar certos disto.
E) Estou sempre pronto a apoiar uma boa sugesto em prol do interesse comum.
F) Tendo a procurar as ltimas novidades, em termos de ideias, criaes e desenvolvimentos.
G) Acredito que minha capacidade de julgar com objetividade e frieza algo que os outros
apreciam.
H) Providencio para que todo o trabalho essencial seja organizado; podem confiar em mim
quanto a isto.
IV). MINHA ABORDAGEM CARACTERSTICA EM RELAO AO TRABALHO EM
EQUIPE A SEGUINTE:
A) Interessa-me, sem alarde, conhecer melhor os colegas.
B) No hesito em questionar as opinies dos outros nem reluto em adotar um posicionamento
minoritrio.
C) Normalmente consigo ter uma linha de raciocnio para refutar propostas cuja solidez deixa a
desejar.
D) Acho que tenho talento para fazer as coisas funcionarem, quando um plano tem de ser
operacionalizado.
E) Tendo a evitar o bvio e a expressar o inesperado.
F) Trago um toque de perfeccionismo a qualquer tarefa de equipe que aceite realizar.
G) Estou pronto a usar contatos fora do prprio grupo.
H) Apesar de interessado em todos os pontos de vista, no hesito em me decidir, se uma
deciso tem de ser tomada.
V. SINTO SATISFAO NUMA TAREFA PORQUE EU:
A) Gosto de analisar situaes e ponderar todas as opes possveis.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

B) Me interesso por encontrar solues prticas para os problemas.


C) Gosto de sentir que estou fomentando boas relaes de trabalho.
D) Consigo ter uma influncia forte nas decises.
E) Consigo conhecer pessoas que possam ter algo novo a oferecer.
F) Consigo fazer com que as pessoas concordem quanto a um conjunto necessrio de aes.
G) Me sinto como um peixe n'gua quando posso dar toda a minha ateno a uma tarefa.
H) Gosto de encontrar um campo que amplie minha imaginao.
VI. SE SUBITAMENTE UMA TAREFA DIFCIL ME FOSSE DADA, COM PRAZO LIMITADO
DE TEMPO E PESSOAS DESCONHECIDAS, EU:
A) Gostaria de me isolar num canto para pensar num modo de sair do impasse, antes de
elaborar uma linha de ao.
B) Estaria pronto a trabalhar com a pessoa que demonstrasse a abordagem mais positiva, por
mais difcil que tal abordagem pudesse ser.
C) Encontraria um modo de reduzir a dimenso da tarefa, definindo como diferentes indivduos
pudessem contribuir da melhor maneira.
D) Teria certeza que meu senso natural de urgncia ajudaria a garantir que no nos
atrasaramos no cronograma.
E) Creio que manteria a frieza, a objetividade e a capacidade de raciocinar com clareza.
F) Manteria uma firmeza de propsito, apesar das presses.
G) Estaria preparado a liderar positivamente, caso achasse que o grupo no estava
conseguindo nenhum progresso.
H) Iniciaria discusses para estimular novos pensamentos e fazer com que fossemos em
frente.
VII. QUANTO AOS PROBLEMAS A QUE ESTARIA SUJEITO TRABALHANDO EM
GRUPOS:
A) Tendo a demonstrar impacincia com aqueles que atrapalham o progresso.
B) Outros podem me criticar por ser analtico em demasia e insuficientemente intuitivo.
C) Meu desejo de garantir que o trabalho seja realizado de forma apropriada pode causar
atrasos.
D) Tendo a me desinteressar com facilidade e a depender de um ou dois membros da equipe
para me devolverem o interesse.
E) difcil para eu comear, a menos que as metas sejam claras.
F) s vezes no consigo explicar nem esclarecer bem, pontos complexos que me ocorrem.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

G) Estou consciente de que exijo dos outros coisas que eu mesmo no consigo fazer.
H) Quando encontro verdadeira oposio, hesito em convencer os outros dos meus pontos de
vista.
Tabela de Pontos para o Guia de Auto-percepo
Parte

TEM
A

I
II
III
IV
V
VI
VII
Tabela 5 Tabela de pontos para o Guia de Auto-percepo

Nesta tabela abaixo temos um exemplo de preenchimento da tabela de pontos do guia de autopercepo.
Parte

TEM
A

II

III

10

IV

VI

VII

Tabela 6 Exemplo Tabela de pontos para o Guia de Auto-percepo

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

FOLHA DE ANLISE DO GUIA DE AUTOPERCEPO


Transporte para a Tabela abaixo, parte por parte, os escores numricos da Tabela de Pontos
na pgina anterior. Em seguida, some a pontuao em cada coluna, para obter um escore total
de distribuio de funes nas equipes.

Interpretao dos Escores Totais e Comentrios Adicionais


O escore mais alto referente ao exerccio de funes em equipes indicar como a pessoa que
preencheu estes documentos pode melhor contribuir numa equipe gerencial ou de projeto. Os
prximos escores mais altos podem indicar funes de apoio a que a pessoa (que preencheu
estes documentos) deveria se dedicar, caso por algum motivo a equipe tivesse menos
necessidade de uma funo primordial.
J os dois escores mais baixos implicam possveis reas de pontos fracos. Entretanto, ao invs
de procurar mudar nestas reas, seria melhor que o gestor buscasse um colega cujos pontos
fortes lhe sejam complementares.
Por meio das reflexes tericas e prticas executadas por ocasio do preenchimento do Guia
foi possvel aferir de certa forma nossas caractersticas, competncias, habilidades e atitudes
enquanto membros de uma equipe. Isto muito importante para termos conscincia profunda
do valor que temos quando compomos um grupo, pois, o trabalho e as pessoas em maior ou
menor escala esperam e precisam de um resultado que depende de ns.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Agora vamos observar de forma mais especfica algumas das posies que se pode visualizar
dentro de uma equipe de desenvolvimento de projetos de Tecnologia da Informao.
Inicialmente faz-se necessrio um breve apanhado acerca do profissional Tcnico em
Informtica, e neste campo o percebemos que trata-se do profissional capacitado para realizar
programas, configuraes de sistemas, instalar equipamentos e verificar as causas de falhas
na programao de computadores. Esse profissional pode trabalhar em empresas do ramo ou
prestar atendimento por conta prpria.
O Tcnico em Informtica deve ser um profissional atualizado, cooperativo, comunicativo, tico
e confiante, que atue de forma responsvel, participativa e empreendedora no desenvolvimento
de atividades tecnolgicas ligadas informtica. Deve tambm apresentar facilidade de
adaptao e estar sempre aberto a mudanas, visando alavancar projetos e aes inovadoras
para a soluo de problemas apresentados nos diversos segmentos da rea.
Existem diversos segmentos dentro da rea, e o Tcnico em Informtica pode trabalhar dentro
de um Projeto de Tecnologia da Informao em diversas funes como, por exemplo:
prestando manuteno em mquinas, desenvolvendo programas ou sites, formatando aspectos
de computao grfica, repassando os conhecimentos, etc.

Para um Projeto de Automao de uma Empresa de Venda de Material de Construo, por


exemplo, pode ser que o cliente queira desde o software que adeque-se a seu cotidiano at
outros campos como a instalao de um site interativo, comunicao intranet, e-mail
corporativo, um sistema de compras online, um aplicativo de chat online para que o cliente
possa sanar dvidas acerca dos produtos, um aplicativo de contabilidade, etc.
Perceba que para cada caso acima apresentado existe um projeto maior que o atendimento
ao desejo de Automao da Empresa, porm, subdivide-se em diversos outros segmentos
como site, software de contabilidade, e-mail, etc. Sendo assim, faz-se necessrio contar com
diversas habilidades e com perfis diferenciados de colaboradores.
Abaixo observa-se algumas das vertentes dos profissionais de informtica as quais podem ser
abraadas com uma especialidade e dedicao a mais pelo Tcnico de Informtica:

O Webmaster : trata-se do profissional que realiza aes de webdesigner, isto , elaborao


do projeto esttico e funcional de um

website. No mesmo sentido, tambm consegue

implementar o que se chama de webdeveloper, ou seja, a parte da programao do website


como sistemas de login, cadastro, acesso ao banco de dados, etc. Destaca-se que h cursos
superiores de graduao especfica nesta rea.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

O Programador ou desenvolvedor: trata-se do profissional que possui a habilidade de


efetivamente construir um programa computacional, ou seja, desenvolver software. O
Programador ou Desenvolvedor geralmente assessorado por um Analista de Sistema ou
Engenheiro de Software, ambos cursos superiores na rea de informtica.
O Tcnico de Suporte: um profissional de Tecnologia da Informao especializado em
garantir o funcionamento das tecnologias usuais na empresa, mas tambm, forte colaborador
na busca por novas tecnologias do mercado que venham a agregar valor e facilitar a execuo
do Projeto e o avano da empresa ou organizao como um todo. De certa forma o
responsvel por cuidar da manuteno fsica dos computadores e do funcionamento dos
sistemas e da rede local.

A Gerncia de Projetos: esta tarefa geralmente executada por profissionais graduados e


mais experientes, porm, nada impede que um Tcnico em Informtica que apresente
conhecimento da rea e liderana possa atuar como Gerente, ou seja, o organizador e
condutor da equipe de trabalho rumo ao resultado esperado.
Vlido observar as atribuies e caractersticas de um bom gerente de projetos de Tecnologia
da Informao:
Descentralizador Deve atribuir aos membros da equipe as funes de cada um,
repassando os prazos e tambm oramentos;
Resolutivo Deve identificar, documentar, gerenciar e solucionar todos os problemas
que possam surgir;
Perfeccionista Deve buscar o alcance do nvel de excelncia no trabalho e produtos
Fiscalizador Deve cobrar de cada componente da equipe a mxima ateno e
comprometimento com a funo designada;
Avaliador Deve aferir se as etapas do projeto esto sendo cumpridas, se podem seguir
para os prximos passos, e concomitante corrigir erro para que se chegue ao sucesso.

No quadro abaixo pode-se observar ainda algumas funes ou caractersticas de


membros de equipe.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

CURSO TCNICO EM INFORMTICA


POSSVEIS MEMBROS DE EQUIPES
TIPO

SMBOLO

Implementador

IM

Coordenador

CO

Formatador

SH

Criador

PL

Pesquisador
Investigador

RI

Monitor
Avaliador

ME

Trabalhador de
Equipe

TW

Finalizador

CF

CARACTERSTICAS TPICAS

QUALIDADES POSITIVAS

Conservador,
previsvel, Habilidade para organizar, senso
comum prtico, esforado,
cumpridor do dever.
autodisciplinado.
Calmo,
auto-confiante, Uma capacidade para tratamento
controlado.
e receptividade para todos os
colaboradores potenciais nos seus
mritos e sem preconceito. Um
forte sendo de objetividade.
Altamente correto, fcil de Direo e uma prontido para
lidar, dinmico.
desafiar
inrcia,
ineficincia,
complacncia ou auto-piedade.
Individualista,
srio,
no- Genialidade, imaginao,
intelectual, conhecimento.
ortodoxo
Extrovertido,
entusiasmado, Uma capacidade para contagiar
pessoas e explorar algo novo.
curioso, comunicativo.
Uma habilidade para responder a
desafios
Soberbo,
sem
emoo, Julgamento discreto, cabea dura.
prudente.
Orientado socialmente,
Uma habilidade para responder
bastante moderado, sensvel.
pessoas e situaes e promover
esprito de equipe
Cuidadoso,
disciplinado, Uma capacidade para superar.
Perfeccionismo.
consciencioso, ansioso.

Tabela 7 Tabela de Interpretao dos Escores.

FRAQUEZAS PERMITIDAS
Falta de flexibilidade,
irresponsabilidade para desaprovar
ideias.
Comum em termos de habilidade
intelectual ou criativa.

Propenso a provocao, irritao e


impacincia.
Em cima das nuvens, inclinado a
desconsiderar detalhes prticos ou
protocolos.
Passvel perda de interesse depois
da fascinao inicial.

Falta de inspirao ou habilidade


para motivar outros.
Indeciso em momentos de crise.

Uma tendncia a preocupar-se com


pequenas coisas. Uma relutncia em
deixar acontecer.

CURSO TCNICO EM INFORMTICA


Do conjunto apresentado at aqui fica ntida a importncia da participao de cada membro da
equipe para o todo e o fortalecimento do esprito de corpo que deve situar todos os projetos,
inclusive os da rea de tecnologia da informao.
Tambm perceptvel que cada membro da equipe tem uma responsabilidade e atribuies
prprias. O Gerente funciona como e fosse um maestro que coordena o trabalho de todos e
sua funo fazer com que todos os instrumentos possam externar o melhor som possvel.
Neste sentido a cobrana de prazos e metas uma natural cobrana do Gerente, o que deve
ser compreendido pelos demais membros do grupo como algo absolutamente natural.

1.4.

Painel de Projeto.

O Painel de Projeto na realidade uma configurao ou demonstrao da situao do projeto


em um determinado momento. De fato, faz-se necessrio em diversos momentos a
visualizao e reflexo acerca do andamento do projeto, para tanto, faz-se necessrio saber
exatamente em que estgio as aes diversas se encontram e se for o caso aplicar-lhes o
direcionamento esperado.
O Painel de Projeto tambm conhecido como Dashboard, isto , uma fotografia do
projeto em determinado instante, tornando possvel aferir a performance e o caminho para o
alcance dos objetivos traados na fase de planejamento.
importante no Painel do Projeto que estejam contempladas aes de checagem como
quem o responsvel por cada tarefa, se esta tarefa est sendo executada, se os prazos esto
sendo obedecidos, se os resultados esperados tem sido favorveis, quais as motivaes de
determinada ao no estar sendo realizada e o porqu, enfim, por meio de questes e
avaliaes objetivas e subjetivas possvel alcanar um verdadeiro feedback de como
encontra-se o projeto.
O Gerente do Projeto deve frequentemente dar uma olhada no Painel do Projeto, seja no
todo ou seja por partes, conforme diviso de tarefas. Cada membro que de certa forma chefia
uma parte do projeto, tambm pode fazer esta checagem, a fim de que no se deixe para aferir
tudo quando do fim do prazo estipulado, pois a j pode ser tarde demais.

1.5.

Aplicao do briefing.

Inicialmente importante saber que o Briefing um grupo de informaes, uma coletnea de


dados para o desenvolvimento de um projeto ou trabalho. de uma palavra da lngua inglesa
que tem o significado de resumo.
Trata-se de uma espcie de documento onde se apresenta a descrio da situao de uma
marca ou empresa, seus problemas, oportunidades, objetivos e recursos para alcan-los.
O briefing frequentemente utilizado no campo administrativo, por profissionais da
comunicao, relaes pblicas e publicitrios.
Pode-se dizer de certa forma que o briefing o embasamento de um processo de
planejamento. Existem diversas formas de briefing e cada usurio procura utiliz-lo da melhor
maneira possvel, conforme suas carncias.
Detecta-se que alguns aspectos so fundamentais para um briefing de qualidade, dentre eles:
dados acerca do histrico da empresa; saber qual o campo de atuao da empresa; conhecer
o objetivo da organizao; fazer uma avaliao do atual estgio de satisfao do alcance dos
objetivos; estabelecer um plano de ao; identificar com preciso o pblico alvo; avaliar o
tempo disponvel para realizao das metas; ponderar os custos, etc.
Como dito h vrios tipos de briefing, porm, a estrutura basilar deve conter os aspectos
acima, os quais esmia-se de forma mais clara nos itens que passa-se a elencar:
1) Histrico: Espao aberto para que o cliente faa um documentrio acerca da
empresa onde deve destacar tempo de existncia, posio no mercado, principal
produto, etc.;

2) Objetivo da Pesquisa: Com base no levantamento do histrico deve-se traar quais


os dados mais importantes a serem coletados, como colet-los e quais as reaias
utilidades para o objetivo da empresa;

3) Pblico-Alvo: Faz-se imprescindvel o conhecimento da clientela da organizao ou


empresa e at mesmo implementar pesquisa de satisfao bem como comparao
com concorrentes para aferir o valor do produto oferecido e sua aceitabilidade.

4) Padro de Ao: Trata-se de enxergar, a partir do levantamento dos dados e da


anlise dos mesmos, estratgias para que se promova as mudanas ou avanos
necessrios, tudo com foco a fazer com que os objetivos traados e esperados pela
empresa ou organizao sejam alcanados.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

5) Limitaes de Prazo e Custo: Dentro de todo o conjunto observado faz-se


necessrio tambm estabelecer parmetros do tempo e custo monetrio necessrio
para implementao com sucesso do projeto a ser executado.

De posse das informaes da Fase 1, podemos observar o Desenvolvimento de Projetos, Fase


2 do nosso contedo.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Fase 2 - Desenvolvimento de Projetos


2.1.

Apresentao de Projetos.

Nesta fase iremos conhecer os projetos e suas caractersticas, muito importante fase de
planejamento e analise de requisitos, para atender da melhor forma possvel as necessidades
do cliente.
Nos prximos pontos desta fase temos os projetos, que sero distribudos nas equipes de 5
alunos, ento temos 9 projetos e 9 equipes de cinco alunos cada, em caso da turma ter menos
de 45 alunos faremos a distribuio de forma uniforme.
Outro ponto importante a imerso a esta vivncia, para nos aproximar bem de um ambiente
real de uma software house teremos que confeccionar os crachs para cada membro da
equipe, e uma vez com sua identidade funcional nenhum membro da equipe pode se
apresentar para o trabalho sem o mesmo.
Os projetos podem ser sorteados, ou a equipe que tiver mais afinidade ficar responsvel pelo
projeto, esta deciso fica a critrio do professor.
muito importante que toda a equipe participe do projeto, pois a avaliao individual e
coletiva, na fase de planejamento a seguir sero distribudas as responsabilidades de cada
membro da equipe.
Proposta de Projetos das disciplinas de Laboratrio. Depois no prximo tpico vamos conhecer
o nosso ciclo de desenvolvimento;
10. Restaurante.
O restaurante Bucho de bode deseja criar um web site para divulgar os seus servios e sua
culinria, pensando nisso contratou um grupo de pessoas para fazer o seu site, nesta reunio
foram discutidos alguns detalhes sobre o mesmo e respondido o brienfing.
Abaixo alguns detalhes da entrevista;
O cliente solicitou que ele pudesse cadastrar as atraes, onde as mesmas devem aparecer
dentro de cada data e dia da semana, caso a atrao por algum motivo fosse cancelada ele
mesmo pudesse fazer isso.
As mesas so numeradas e o proprietrio realizar a reserva das mesas ou de um espao para
festa, em seu site ele deseja que seu cliente possa fazer estas reservas no prprio site.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

11. Consultrio.
Um grupo de mdicos solicitou o desenvolvimento de um site para auxiliar na marcao de
consultas, para esta tarefa contratou um grupo de desenvolvedores web, em uma entrevista
foram discutidos alguns pontos, vejamos abaixo;
No site os usurios (pacientes) podem marcar consultas, verificar agendamentos das
consultas, onde o usurio poderia ver as datas das consultas marcadas para no esquecer,
para cada especialidade tem um mdico que atende aqueles pacientes.
Como tambm a marcao de exames, uma pgina para divulgao dos servios prestados
pelo consultrio.

12. Concessionria
O grupo Borges Car observando o grande crescimento do acesso a internet em sua regio,
junto com seus scios decidiu criar uma identidade visual na internet para a sua empresa, a
proposta criar um site onde possa ser a porta de entrada de muitos clientes.

13. Loja
A loja de produtos para crianas presente da cegonha, observou um grande crescimento de
pessoas que compram pela internet, pensando nisso resolver contratar desenvolvedores web
para criar um site de vendas na internet.
Neste site ela quer cadastrar o seus produtos que so divididos por categorias, os seus clientes
podem comprar os produtos que a empresa manda entregar no local.
As categorias so de brinquedos, roupas, enxoval, higiene e sade.

14. Hotel
A empresa Hotel Urbano solicitou a um grupo de desenvolvedores web, um site o qual os seus
clientes pudessem realizar a reserva de quartos, neste site deve apresentar fotos das
acomodaes, rea de contatos, para divulgar as acomodaes e seu servios para varias
pessoas que estejam procurando hotel pela internet.

15. Banco de Questes e Gerao de provas


Um grupo de amigos resolveu criar um aplicativo web para gerao de provas, eles chamaram
este aplicativo de exame, o funcionamento bsico do programa ; o usurio professor se
cadastra e cria uma prova, aps a criao da prova ele inicia a criao das questes no mesmo
instante que cria a questo ele indica qual a resposta certa, criando assim o gabarito de sua

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

prova, os alunos cadastrados acessam e digita o numero da avaliao que vai estar disponvel
para ele, depois comea a responder as questes, no final o aluno e o professor sabem o
resultado.

16. Locao de equipamentos


Um grupo de alunos resolveu desenvolver um sistema de locao de equipamentos, para ser
utilizados pelos professores da sua instituio, ento eles iniciaram o planejamento, foram
analisar como funciona o processo de locao de equipamentos, perceberam que n instituio
tem vrios equipamentos e espaos para outras atividades, com essas informaes iniciaram o
seu projeto.
17. Pet shop
Um estabelecimento comercial (PetShop) especializado em vender filhotes de animais,
alimentos e acessrios, alm de oferecer servios de embelezamento como banho, tosa e
perfumaria. Pretende neste ano criar sua loja virtual, solicitou a uma empresa de
desenvolvimento a criao de sua loja virtual.
18. Assistncia tcnica - ordem de servio
Uma empresa de assistncia tcnica vendo a necessidade de um sistema web para melhor
atender seus clientes solicitou o desenvolvimento de um aplicativo web para controlar as
ordens de servio de seus clientes.

Agora que j temos uma previa dos projetos vamos para as fases do desenvolvimento do
Projeto.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

2.2.

Fases de desenvolvimento do projeto.

Um projeto web assim como qualquer outro projeto segue um roteiro, fases ou etapas,
independente da forma como se denomina muito importante que seja bem compreendido,
que etapas existiram em um projeto.
Na imagem abaixo vemos um ciclo de desenvolvimento, vamos compreender estas etapas ou
fases;

Briefing: Nesta etapa vamos planejar o nosso projeto, a partir da viso do cliente, onde o
mesmo vai preencher um formulrio com perguntas relacionadas ao seu tipo de negocio, o que
espera do seu site, exemplos de sites, ou layouts que gosta, entre outras coisas, neste ponto j
temos uma noo de que atividade ter que se fazer.
Layout / desenho: Agora vamos usar nossa imaginao para criar o layout das pginas,
nesta etapa vamos usar os conhecimentos das disciplinas de HTML / CSS, Javascript / PHP,
entre outros recursos, frameworks e etc.
Trabalhando em uma equipe onde outros membros da mesma tem que construir layouts de
outras pginas, aconselhvel que se tenha uma reunio com os responsveis por esta tarefa
e elaborem o layout, que pode ser at com lpis e papel, fazendo um rascunho de como
dever ficar as pginas, a partir dessa pratica todos j esto conscientes de como ser
estruturado todo o site, agora partir para a ao.
Aprovao do cliente: Nesta etapa todo projeto grfico do site aprovado pelo cliente, ou
seja, foi feito o layout, esquema de cores, efeitos. Depois de aprovado passamos para outra
etapa.
Contedo / montagem Programao: Nesta etapa o desenvolvedor inicia a codificao da
pgina, como a insero do contedo do site.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Qualidade: Esta etapa feito a verificao se todos os requisitos solicitados pelo cliente foram
atendidos, aps esta etapa concluda o site vai estar pronto para ser lanado.
Publicao: Agora o momento de colocarmos nosso site na rede mundial de computadores
a internet, para esta tarefa precisaremos de um domnio e hospedagem em um servidor, para
fazermos o upload dos arquivos do site utilizaremos um programa de FTP.
Marketing Digital: Agora o momento de promover o seu site, divulgando ou comercializando
produtos ou servios, com estratgias de marketing na internet conquistando novos clientes,
melhorando a sua rede de relacionamento.

Estrutura do Projeto
O objetivo desta disciplina aplicarmos os conhecimentos adquiridos e aperfeioar os
mesmos, por este motivo apresentado forma de trabalho abaixo para proporcionar a
aplicao de contedos e tcnicas aprendidas no decorrer do curso.
Vamos aplicar um pouco de tudo que aprendemos at aqui e adquirir mais conhecimento para
que possamos estar preparados para a prxima etapa p estgio em campo. Vamos agora
conhecer o nosso ciclo de trabalho e as etapas que iremos vivenciar.
Planejamento

Definio de processos (Atividades) do projeto.


Criao do mapa do site.

Atividades do projeto
Definio do processo a ser desenvolvido a partir do mapa do site
Desenvolvimento do Layout do site.
Designer do site.
Projeto de Banco de Dados.
o Criao do MER.
o Criao do DER.
o Criao do dicionrio de dados.
Desenvolvimento de Formulrios.
Testes de mdulos.
Abaixo temos fluxo de trabalho a ser desenvolvido.
Atividades do mapa do site
Este ponto compreende ao planejamento do projeto a partir dele vamos distribuir as tarefas,
estas informaes sero adquiridas aps analise do briefing, nesta etapa vamos conhecer uma
estratgia para criar e analisar o que ser feito, que atividades so pertinentes ao meu projeto.
Definio de processos do projeto.
Quais as atividades tero no escopo definido?
Como por exemplo, vamos ter uma pagina de contatos, estes contatos sero salvos em
uma base de dados, teremos o layout desta pgina, o designer, a codificao.
Ento temos;
1. Definio do que ser feito: pagina de contatos.
2. Na base de dados deve ter uma tabela para armazenar estas informaes.
3. Teremos que criar o layout desta pgina de contatos.
ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

4. Devemos fazer o designer da pgina.


5. Depois vamos codificar a pgina, na codificao irei gerar um script PHP que ser
executado quando o usurio der um clique no boto enviar, depois de gravar as
informaes no banco, ser carregada uma mensagem informando que foi
enviado e direcionado para o home do site.
Neste exemplo temos em um processo (uma ao ou tarefa) 5 cinco atividades, desta forma
pensamos e anotamos cada detalhe do site, e teremos as atividades referente a cada pgina
do site.
Criao do mapa do site.
Na criao do mapa temos uma viso geral do escopo, como vimos em um
exemplo na apostila de PHP / MYSQL, o mesmo devemos fazer agora, porem a
partir de informaes dadas por um cliente.
Nesta imagem temos um mapa de site bem simples, o objetivo desta empresa apenas criar
uma identidade na internet, a mesma no oferece servios online.

Na imagem acima temos o mapa do site do sistema de bibliotecas da UFC. Como podemos
observar neste j bem mais complexo, pois temos vrios servios oferecidos pelo sistema
web.
ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Ciclo de Desenvolvimento do Projeto


Atividades do
mapa do site

Controle da
qualidade funcional
do software

Layout de pginas

Designer do site
Teste

Aprovao
(Gerentes)

Codificao
Formulrios

Projeto do banco
de dados

Em nosso ciclo de desenvolvimento temos as etapas a serem seguidas, para cada atividade ou
pginas devemos seguir estes pontos, onde cada aluno atuar em uma parte do ciclo, logo
teremos; Se em um projeto definimos as pginas de home, produtos, contatos, por exemplo,
cada uma dessas atividades vai passar pelas etapas;
Atividades do mapa do site: definido que pgina iniciar e quais os requisitos ou detalhes
esto envolvidos nesta atividade, por exemplo, o home.
Layout de pginas: Um membro da equipe foi designado a fazer o layout das pginas, a sua
tarefa neste momento fazer o layout do home do site, aps finalizar sua tarefa poderia
receber outro layout de outra pgina para fazer por exemplo.
Designer do site: Nesta etapa ser aplicado o designer do site, esquema de cores, efeitos em
botes, mensagens e etc.
Aprovao (Gerentes): Nesta etapa ser aprovado o projeto grfico do site, quem aprovar o
projeto ser o professor, e ser atribudo um valor nota para acompanhamento do
desempenho da equipe, como tambm sugerir mudanas.
Projeto do banco de dados: Nesta etapa importante a participao de todos, pois ser feito
a modelagem da base de dados e gerado toda a documentao do banco de dados do projeto.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Nesta etapa temos;


Criao do MER.
Criao do DER.
Criao do dicionrio de dados.
Aqui aplicaremos os conhecimentos adquiridos em banco de dados, fazendo a modelagem da
base de dados do projeto.
Codificao / formulrios: Agora vamos distribui as tarefas de codificao, ento temos uma
equipe de cinco alunos onde distribuiremos cada atividade de codificar o projeto, depois
teremos um lder que ser responsvel de receber os scripts e organiza-los no projeto.
Teste: Nesta etapa aconselhvel que realize o teste a fim de verificar se tudo esta
funcionando bem, tambm interessante pedir a outros membros de equipes diferente que
realize alguns teste, os teste a serem feitos esto relacionados as funcionalidades do projeto,
por exemplo, um cadastro de cliente que no cadastra.
Controle da qualidade funcional do software: Nesta fase finaliza-se o fluxo, o professor ou
cliente aprovar o projeto ou parte dele, atribudo um valor para esta etapa finalizada.
Utilizando estas etapas podemos definir que um determinado projeto tem 2 mdulos, o primeiro
modulo uma rea para o usurio externo, o outro modulo uma rea administrativa para
usurio da empresa.
Em cada modulo segundo o planejamento feito desta situao,
temos 10 tarefas por modulo, totalizando 20 tarefas faremos a
distribuio das atividades entre quantidade de membros da equipe,
para que todos os membros participem de todas as etapas do ciclo.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

2.3. Projetos a serem desenvolvidos.

Analise do Briefing.
Agora vamos analisar o briefing dos projetos, importante que seja feito com todos os
membros da equipe, este momento sero discutidos tudo que ser feito do projeto web, aps
analise dever ser distribudo s tarefas e funes de cada membro da equipe, depois de cada
briefing tem algumas dicas e orientaes do projeto.

2.3.1. Restaurante.
Briefing Desenvolvimento de site para um Restaurante
Voc deseja:
( X ) Criar um web site
( ) Re-projetar um web site
Ajude-me a conhecer o seu negcio
1) Conte-me sobre o negcio de sua empresa, seu objetivo e o mercado onde atua:
A atuao da minha empresa no ramo de restaurantes, onde fazemos comidas da nossa
cultura popular (comidas tpicas do Nordeste), com o site pretendemos alcanar mais turistas
para o nosso estabelecimento, divulgar atraes culturais que iro se apresentar em nosso
estabelecimento.
2) Que tipo de produtos/servios sua empresa oferece?
Comercializao de comidas tpicas, temos um cardpio variado e trabalhamos com reserva de
mesas, temos um espao para festas e confraternizaes que pode ser alugado.
3) O que diferencia voc de seus concorrentes (preo, qualidade, servios, etc.)?
O preo e a qualidade da comida, temos garons vestidos a carter, para trazer um ambiente
bem Nordestino para o visitante.
4) Descreva abaixo o pblico alvo do seu negcio:
Turistas de outros estados, e de outros pases.
5) Descreva abaixo os contedos que devero ser inseridos em seu site (histria da
empresa, descrio e fotos de produtos, servios, etc) :
Culinria do restaurante, cardpio, Atraes, localizao, reservas de mesas e espao,
contatos, e fotos do restaurante.
6) Qual a Imagem a ser transmitida para os usurios? (tradio ou modernidade, layout
clean ou popular, cores mais adequadas etc,)
Tradio e um layout popular onde o visitante se sinta bem, as cores da empresa so vermelho
e laranja.
7) Qual a Documentao disponvel? (logotipo, folders, manuais etc)
No, gostaria de criar uma identidade visual da empresa, criar um novo logotipo.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

8) Descreva as ferramentas de marketing utilizadas atualmente (folders, cartes,


revistas, jornais, rdio, tv, etc)
Atualmente usamos folders, anuncio em rdios.

9) Se possvel, informe o nome e o website de seus principais concorrentes.


Colher de Pau http://colherdepaufortaleza.com.br/
Coco Bambu http://restaurantecocobambu.com.br/
10) Qual o principal objetivo do seu website
Divulgar a culinria.
Realizar a reserva de mesas e espao de festas.
Divulgar o restaurante em redes sociais.
11) Voc pretende que o site esteja pronto em torno de: (dias)
180 dias.
12) Cite 3 coisas que voc, se pudesse, mudaria/ adicionaria hoje mesmo em seu
website.
O cliente ainda no tem site
13) Liste at 2 websites que voc considere interessantes, informando o que
especificamente lhe agrada neles.
http://restaurantecocobambu.com.br/fortaleza-beira-mar/
Os menus e a diviso do cardpio, o espao para reservas.
http://www.mangai.com.br/site/
O banner rotativo do site
14) Liste at 3 websites que voc considere desagradveis, informando o que
especificamente lhe desagrada neles.
http://www.restauranteandrade.com.br/
As cores e o estilo dos botes.
http://restaurantemarquesdavarjota.ondebiz.com.br/
A apresentao do cardpio e o menu superior.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Outras dicas e informaes do projeto


Nas apostilas do curso voc vai encontrar exemplos que podem ajuda-los nesta
empreitada, nesta seo temos outras dicas que podem ser importantes.

Neste projeto dever ter uma rea administrativa onde o funcionrio da empresa ir
cadastrar as atraes e a agenda do estabelecimento.

Na apostila de PHP / MySql tem um exemplo de upload de imagem que vai ser til pois o
administrador do sistema precisar cadastrar as atraes e colocar imagens de produtos.

Para armazenar imagens em um banco de dados podemos usar um tipo de dados de


texto e armazenar o caminho da imagem, para exibir na pgina vamos usar o campo da tabela
correspondente a imagem para exibir na pgina <?php echo linha[imagem] ?>.
O caminho armazenado da imagem deve estar completo inclusive com a extenso da imagem.

No site do Google existem informaes sobre os produtos da empresa e como podemos


trabalhar com eles em nossos projetos, neste link tem algumas informaes sobre a aegnda do
Google https://support.google.com/sites/answer/157219?hl=pt-BR, o mesmo pode ser feito com
mapa para apresentar a localizao da empresa.

Neste link voc tem acesso a suporte de todos os produtos da Google


https://support.google.com/

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

rea de anotaes e duvidas sobre o projeto


Neste espao devemos registrar duvidas sobre o projeto, ideias a serem apresentadas ao
cliente ou dificuldades no desenvolvimento do projeto para que na reunio com o gestor
geral dos projetos (O Professor), possam ser sanadas.
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

2.3.2. Consultrio.

Briefing Desenvolvimento de site Consultrio Mdico


Voc deseja:
( X ) Criar um web site
( ) Re-projetar um web site
Ajude-me a conhecer o seu negcio
1) Conte-me sobre o negcio de sua empresa, seu objetivo e o mercado onde atua:
Centro mdico especialidades um grupo de mdico com diversas especialidades mdicas, o
seu objetivo atender diversas pessoas em um centro especializado, atuamos no mercado de
sade, atendendo a convenio pelo SUS e particular.
2) Que tipo de produtos/servios sua empresa oferece?
Consultas em diversas especialidades mdicas.
3) O que diferencia voc de seus concorrentes (preo, qualidade, servios, etc.)?
O diferencial o atendimento personalizado ao paciente, e acompanhamento do mesmo com
preos bem acessveis.
4) Descreva abaixo o pblico alvo do seu negcio:
Pessoas que necessitam de consultas mdicas, acompanhamento de tratamento.
5) Descreva abaixo os contedos que devero ser inseridos em seu site (histria da
empresa, descrio e fotos de produtos, servios, etc) :
Pgina Quem somos, fotos de nossas instalaes, servios de marcao de consultas,
pronturio on-line, agenda de consultas marcadas para o paciente, rea de contato, localizao
da clinica.
6) Qual a Imagem a ser transmitida para os usurios? (tradio ou modernidade, layout
clean ou popular, cores mais adequadas etc,)
Visual Moderno e um layout clean onde o visitante se sinta bem, as cores da empresa so azul
e branco.
7) Qual a Documentao disponvel? (logotipo, folders, manuais etc)
No, gostaria de criar uma identidade visual da empresa, criar um novo logotipo, nome da
empresa Centro Mdico.
8) Descreva as ferramentas de marketing utilizadas atualmente (folders, cartes,
revistas, jornais, rdio, tv, etc)
Atualmente usamos folders, anuncio em rdios e televiso.
9) Se possvel, informe o nome e o website de seus principais concorrentes.
Amato consultrio mdico: http://www.amato.com.br/consultorio-medico/
10) Qual o principal objetivo do seu website
Divulgar os servios em redes sociais.
ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

11) Voc pretende que o site esteja pronto em torno de: (dias)
180 dias
12) Cite 3 coisas que voc, se pudesse, mudaria/ adicionaria hoje mesmo em seu
website.
O cliente ainda no tem site
13) Liste at 2 websites que voc considere interessantes, informando o que
especificamente lhe agrada neles.
http://www.amato.com.br/consultorio-medico/ - O visual do site, os menus organizados, a
pgina de especialidades.
http://drdanilopinheiro.com.br/ - O acesso s redes Sociais, o mapa com a localizao da
clinica.
14) Liste at 3 websites que voc considere desagradveis, informando o que
especificamente lhe desagrada neles.
No conheo outros.

Outras dicas e informaes do projeto


Abaixo temos um modelo de pronturio, que basicamente a ficha do paciente.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Abaixo temos um pronturio j informatizado, de um sistema chamado Doctorion

Nas apostilas do curso voc vai encontrar exemplos que podem ajuda-los nesta
empreitada, nesta seo temos outras dicas que podem ser importantes.

Na internet existem muitos cones grtis que podem ser usados no seu projeto, a dica
pesquisar por cones com a extenso *.png com o fundo transparente.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

rea de anotaes e duvidas sobre o projeto


Neste espao devemos registrar duvidas sobre o projeto, ideias a serem apresentadas ao
cliente ou dificuldades no desenvolvimento do projeto para que na reunio com o gestor
geral dos projetos (O Professor), possam ser sanadas.
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

2.3.3. Concessionria.

Briefing Desenvolvimento de site para Concessionria


Voc deseja:
( X ) Criar um web site
( ) Re-projetar um web site
Ajude-me a conhecer o seu negcio
1) Conte-me sobre o negcio de sua empresa, seu objetivo e o mercado onde atua:
O grupo Borges Car uma empresa que atua na rea de comercializao de veculos, novos e
seminovos de diversas montadoras, tem como objetivo um atendimento claro e gil.
2) Que tipo de produtos/servios sua empresa oferece?
Comercializao de carros novos e seminovos.
3) O que diferencia voc de seus concorrentes (preo, qualidade, servios, etc.)?
Qualidade na prestao de servio e agilidade nas transaes
4) Descreva abaixo o pblico alvo do seu negcio:
Pessoa interessadas em comprar o seu carro novo ou seminovo.
5) Descreva abaixo os contedos que devero ser inseridos em seu site (histria da
empresa, descrio e fotos de produtos, servios, etc) :
Misso, viso, sobre, mensagens, peas, veculos, contatos, rea para eventos, galeria de
carros novos e seminovos, vendas especiais, ofertas, assistncia tcnica, rea para vdeos.
6) Qual a Imagem a ser transmitida para os usurios? (tradio ou modernidade, layout
clean ou popular, cores mais adequadas etc,)
Imagem moderna, com cores claras, que se adquam a logomarca da empresa e no canse a
viso. Informaes fceis de serem encontradas.
7) Qual a Documentao disponvel? (logotipo, folders, manuais etc)
Logotipo, folder
8) Descreva as ferramentas de marketing utilizadas atualmente (folders, cartes,
revistas, jornais, rdio, tv, etc).
Internet, folders
9) Se possvel, informe o nome e o website de seus principais concorrentes.
http://www.pariscar.com.br/v2/ Paris Car
10) Qual o principal objetivo do seu website
Atrair mais clientes e deix-los mais informados antes de chegar a nosso espao fsico,
divulgar ofertas atravs de uma rea de novidades, que os clientes recebem por email.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

11) Voc pretende que o site esteja pronto em torno de: (dias)
180 dias.
12) Cite 3 coisas que voc, se pudesse, mudaria/ adicionaria hoje mesmo em seu
website.
No tenho site.
13) Liste at 3 websites que voc considere interessantes, informando o que
especificamente lhe agrada neles.
http://www.cearamotor.com.br/ - Cear Motor
Descrio dos veculos da galeria.
http://www.crasa.com.br/
Crasa
Banners iniciais, por serem de tamanho grande, tenta o cliente a clicar e ver a oferta
http://www.pariscar.com.br/v2/ Paris Car
A rea em que se pode ver e entra em contato com os Gerentes (profissionais de vendas).
14) Liste at 3 websites que voc considere desagradveis, informando o que
especificamente lhe desagrada neles.
http://www.grandecoreia.com.br
Site com poucas informaes.

Outras dicas e informaes do projeto


Nas apostilas do curso voc vai encontrar exemplos que podem ajuda-los nesta empreitada,
nesta seo temos outras dicas que podem ser importantes.

Na apostila de PHP / MySql tem um exemplo de upload de imagem que vai ser til pois o
administrador do sistema precisar cadastrar os veculos.

Neste projeto Precisaremos de um ambiente para o dono da concessionria cadastrar


funcionrios para incluir os veculos no site com suas devidas informaes.
Quando o cliente escolhe um veiculo no site ele cadastrado, depois de cadastrado ele pode
agendar uma visita com um consultor de vendas, se o consultor de vendas estiver ocupado
outro ser designado para atender o cliente.

Para armazenar imagens em um banco de dados podemos usar um tipo de dados de


texto e armazenar o caminho da imagem, para exibir na pgina vamos usar o campo da tabela
correspondente a imagem para exibir na pgina <?php echo linha[imagem] ?>.
O caminho armazenado da imagem deve estar completo inclusive com a extenso da imagem.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

rea de anotaes e duvidas sobre o projeto


Neste espao devemos registrar duvidas sobre o projeto, ideias a serem apresentadas ao
cliente ou dificuldades no desenvolvimento do projeto para que na reunio com o gestor geral
dos projetos (O Professor), possam ser sanadas.
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

2.3.4. Loja.
Briefing Desenvolvimento de site de uma Loja com artigos infantis.
Voc deseja:
( X ) Criar um web site
( ) Re-projetar um web site
Ajude-me a conhecer o seu negcio
1) Conte-me sobre o negcio de sua empresa, seu objetivo e o mercado onde atua:
A empresa presente da cegonha uma empresa que comercializa produtos para crianas
recm-nascidos at os 12 anos, seu objetivo vender produtos para esta faixa etria de
crianas, atualmente tem duas lojas fsicas. Devido o crescimento da internet e oportunidade
de negocio resolveu ter uma loja virtual.
2) Que tipo de produtos/servios sua empresa oferece?
Venda de produtos para recm-nascidos e crianas at os 12 anos. Comercializa calados
roupas, produtos de higiene e sade e brinquedos.
3) O que diferencia voc de seus concorrentes (preo, qualidade, servios, etc.)?
O diferencial da empresa o preo e a qualidade dos servios prestados.
4) Descreva abaixo o pblico alvo do seu negcio:
Mes e Pais com crianas recm-nascidos e de at 12 anos de idade.
5) Descreva abaixo os contedos que devero ser inseridos em seu site (histria da
empresa, descrio e fotos de produtos, servios, etc) :
Os contedos de Quem somos, fotos de produtos e sua descrio, venda no prprio site,
contatos, pedidos do cliente, central de atendimento.
6) Qual a Imagem a ser transmitida para os usurios? (tradio ou modernidade, layout
clean ou popular, cores mais adequadas etc,)
Tons suaves de azul e amarelo creme, um site moderno e atraente.
7) Qual a Documentao disponvel? (logotipo, folders, manuais etc)
No temos gostaramos de criar um novo logotipo.
8) Descreva as ferramentas de marketing utilizadas atualmente (folders, cartes,
revistas, jornais, rdio, tv, etc)
Jornais e revistas, rdio.
9) Se possvel, informe o nome e o website de seus principais concorrentes.
Loja do Beb - http://www.lojadobebe.com.br/
10) Qual o principal objetivo do seu website
Comercializar produtos para crianas e oferecer um ambiente onde possamos ajudar os pais
em suas duvidas.
ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

11) Voc pretende que o site esteja pronto em torno de: (dias)
180 dias
12) Cite 3 coisas que voc, se pudesse, mudaria/ adicionaria hoje mesmo em seu
website.
O cliente ainda no tem site
13) Liste at 3 websites que voc considere interessantes, informando o que
especificamente lhe agrada neles.
http://www.bebestore.com.br/ - Cores, apresentao dos banners, galeria de produtos.
http://www.cegonhaencantada.com.br/ - os menus lista de presentes, meus favoritos.
http://www.novobebe.com.br/ - Cores e apresentao dos produtos.
14) Liste at 2 websites que voc considere desagradveis, informando o que
especificamente lhe desagrada neles.
http://www.lojaeraumavez.com.br/ - Apresentao dos produtos, deixando um espao em
branco depois da descrio.
http://www.mundobebeonline.com.br/ - muito simples, no mostra os produtos no inicio da
pgina.

Outras dicas e informaes do projeto


Nas apostilas do curso voc vai encontrar exemplos que podem ajuda-los nesta
empreitada, nesta seo temos outras dicas que podem ser importantes.

Figura 1 - Fonte http://www.roisoft.com/solucoes/sol-ecommerce

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Na imagem abaixo temos um fluxograma com o fluxo bsico de uma loja virtual.

Figura 2 - Fluxograma bsico de Loja virtual

Neste projeto teremos uma rea para o cliente, e outra para o administrador da loja, ento
ficamos com dois mdulos. Abaixo temos os dois mdulos e alguns processos que devem ter
nestas reas, apenas uma dica para nortear, mais pode haver outras necessidades que
devem ser analisadas.

rea do Cliente
Minha conta
Meus pedidos

rea administrativa
Cadastrar Produtos
Cadastrar Categorias

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

2.3.5. Hotel.
Briefing Desenvolvimento de site para um Hotel
Voc deseja:
( X ) Criar um web site
( ) Re-projetar um web site
Ajude-me a conhecer o seu negcio
1) Conte-me sobre o negcio de sua empresa, seu objetivo e o mercado onde atua:
Hotel Urbano uma empresa de hotis nas regies sul e nordeste. Tm como objetivo oferecer
o melhor servio hoteleiro da regio, oferecendo varias opes de lazer.
2) Que tipo de produtos/servios sua empresa oferece?
Hospedagem e prestao de servios da rea hoteleira, oferecendo acomodaes
diferenciadas para famlias grupos em geral e casais.
3) O que diferencia voc de seus concorrentes (preo, qualidade, servios, etc.)?
O diferencial da empresa a elegncia e qualidade do servios.
4) Descreva abaixo o pblico alvo do seu negcio:
O publico alvo so turistas das regies sul e nordeste, grupos de excurso em geral, casais
que desejam apreciar os pontos tursticos das regies onde o hotel urbano atua.
5) Descreva abaixo os contedos que devero ser inseridos em seu site (histria da
empresa, descrio e fotos de produtos, servios, etc) :
Um contedo sobre a empresa,fotos das acomodaes, pacotes promocionais, sistema para
reservas, localizao dos hotis da empresa.
6) Qual a Imagem a ser transmitida para os usurios? (tradio ou modernidade, layout
clean ou popular, cores mais adequadas etc,)
Layout elegante e sofisticado, as cores so azul, laranja e verde.
7) Qual a Documentao disponvel? (logotipo, folders, manuais etc)
Logo tipo da empresa esta neste link http://www.4shared.com/download/zEAiLUEOba/hotel.png
8) Descreva as ferramentas de marketing utilizadas atualmente (folders, cartes,
revistas, jornais, rdio, tv, etc)
TV, jornais e revistas.
9) Se possvel, informe o nome e o website de seus principais concorrentes.
Blue Tree - http://www.bluetree.com.br/
10) Qual o principal objetivo do seu website
Divulgar as acomodaes do hotel e oferecer servio de reserva de acomodaes.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

11) Voc pretende que o site esteja pronto em torno de: (dias)
180 dias
12) Cite 3 coisas que voc, se pudesse, mudaria/ adicionaria hoje mesmo em seu
website.
O cliente ainda no tem site
13) Liste at 2 websites que voc considere interessantes, informando o que
especificamente lhe agrada neles.
http://www.hotelseara.com.br/ - O layout elegante
http://www.luzeirosfortaleza.com.br/ - Esquema de cores, banners e sistema de reserva.
14) Liste at 2 websites que voc considere desagradveis, informando o que
especificamente lhe desagrada neles.
http://hoteldiogo.com.br/ - o layout muito simples.
http://www.transamerica.com.br/ - poucas informaes, um site dentro de outro.

Outras dicas e informaes do projeto


Nas apostilas do curso voc vai encontrar exemplos que podem ajuda-los nesta empreitada,
nesta seo temos outras dicas que podem ser importantes.

Na apostila de PHP / MySql tem um exemplo de upload de imagem que vai ser til pois o
administrador do sistema precisar cadastrar os veculos.

Neste projeto Precisaremos de um ambiente para o dono da rede de hotis possa


cadastrar funcionrios para incluir as fotos das acomodaes com suas devidas informaes.

Para armazenar imagens em um banco de dados podemos usar um tipo de dados de


texto e armazenar o caminho da imagem, para exibir na pgina vamos usar o campo da tabela
correspondente a imagem para exibir na pgina <?php echo linha[imagem] ?>.
O caminho armazenado da imagem deve estar completo inclusive com a extenso da imagem.

interessante trabalhar com plugins sociais, utilizar as redes sociais para divulgar o hotel,
escolha algumas redes sociais para praticar um pouco.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

rea de anotaes e duvidas sobre o projeto


Neste espao devemos registrar duvidas sobre o projeto, ideias a serem apresentadas ao
cliente ou dificuldades no desenvolvimento do projeto para que na reunio com o gestor geral
dos projetos (O Professor), possam ser sanadas.
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

2.3.6. Banco de Questes e Gerao de provas.


Briefing Desenvolvimento de Banco de Questes e Gerao de Provas
Voc deseja:
( X ) Criar um web site
( ) Re-projetar um web site
Ajude-me a conhecer o seu negcio
1) Conte-me sobre o negcio de sua empresa, seu objetivo e o mercado onde atua:
A proposta do aplicativo web criar uma ambiente onde professores possam criar uma
avaliao e a mesma ser respondida pelos alunos. Gerando no final um resultado, otimizando o
tempo do professor.
2) Que tipo de produtos/servios sua empresa oferece?
Criao de provas para exames e teste, mantendo um banco de questes.
3) O que diferencia voc de seus concorrentes (preo, qualidade, servios, etc.)?
A qualidade dos servios oferecidos.
4) Descreva abaixo o pblico alvo do seu negcio:
Estudantes e professores do ensino mdio.
5) Descreva abaixo os contedos que devero ser inseridos em seu site (histria da
empresa, descrio e fotos de produtos, servios, etc) :
Uma pgina sobre o projeto, o acesso de alunos, de professores, no ambiente do aluno um
painel para acompanhar seus resultados, no ambiente do professor um painel com os
resultados da turma.
6) Qual a Imagem a ser transmitida para os usurios? (tradio ou modernidade, layout
clean ou popular, cores mais adequadas etc,)
A imagem a ser transmitida deve ser uma imagem moderna e jovem, um layout clean no
formulrio de questes para responder, as cores adequadas so azul, branco e laranja.
7) Qual a Documentao disponvel? (logotipo, folders, manuais etc)
Temos um logotipo criado para o projeto que pode ser baixado no link abaixo;
http://www.4shared.com/download/IzuIdn1pba/questes_e_provas.png
8) Descreva as ferramentas de marketing utilizadas atualmente (folders, cartes,
revistas, jornais, rdio, tv, etc)
Atualmente no usamos nenhuma.
9) Se possvel, informe o nome e o website de seus principais concorrentes.
http://ensinomediodigital.fgv.br/staticpages/acesso-ao-banco-deslogado.aspx

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

10) Qual o principal objetivo do seu website


Oferecer um ambiente para professores criarem suas provas e poderem aplicar a seus alunos
em um laboratrio de informtica.
11) Voc pretende que o site esteja pronto em torno de: (dias)
180 dias
12) Cite 3 coisas que voc, se pudesse, mudaria/ adicionaria hoje mesmo em seu
website.
O cliente ainda no tem site
13) Liste at 3 websites que voc considere interessantes, informando o que
especificamente lhe agrada neles.
http://ensinomediodigital.fgv.br/staticpages/acesso-ao-banco-deslogado.aspx - o estilo jovem,
as cores e o layout.
http://www.estudegratis.com.br/ - apresentao das questes, depois de respondida pode-se
visualizar sua prova com comentrios do professor.
http://www.ebc.com.br/educacao/questoesenem - grficos muito bons, bem organizados,
apresentao das questes.
14) Liste at 3 websites que voc considere desagradveis, informando o que
especificamente lhe desagrada neles.
http://www.professor.bio.br/ - ele s armazena as questes os alunos no podem responder.

Outras dicas e informaes do projeto


Nas apostilas do curso voc vai encontrar exemplos que podem ajuda-los nesta empreitada,
nesta seo temos outras dicas que podem ser importantes.

Neste projeto a parte mais importante ser o banco de dados, em caso de duvidas vamos
soluciona-las em nossa apostila de banco de dados.

Neste projeto teremos uma rea para o aluno, e outra para o professor, ento ficamos
com dois mdulos. Abaixo temos os dois mdulos e alguns processos que devem ter nestas
reas, apenas uma dica para nortear, mais pode haver outras necessidades que devem ser
analisadas.

Ambiente do Aluno
Minha conta
Minhas notas

Ambiente do Professor
Criar Prova
Cadastrar Questes

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Na imagem abaixo temos algumas dicas para o modelo conceitual do banco de dados do
projeto, observem que ainda falta alguns detalhes, este s para dar uma ajuda aos
desenvolvedores.

Aqui mostramos apenas o inicio, toda equipe deve estar voltada para criao da base de
dados do projeto, interessante consultar outros professores de sua escola, converse com
eles procure entender como criar uma avaliao, este professor leciona mais de uma
matria? Sendo assim precisaremos incluir algumas coisas no projeto, como categorias de
questes entre outras.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

rea de anotaes e duvidas sobre o projeto


Neste espao devemos registrar duvidas sobre o projeto, ideias a serem apresentadas ao
cliente ou dificuldades no desenvolvimento do projeto para que na reunio com o gestor geral
dos projetos (O Professor), possam ser sanadas.
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

2.3.7. Locao de equipamentos.


Briefing Desenvolvimento de um sistema de Locao de
Equipamentos.
Voc deseja:
( X ) Criar um web site
( ) Re-projetar um web site
Ajude-me a conhecer o seu negcio
1) Conte-me sobre o negcio de sua empresa, seu objetivo e o mercado onde atua:
A proposta criar um sistema web para realizar a reserva de equipamentos e espaos de uma
instituio.
2) Que tipo de produtos/servios sua empresa oferece?
Locao de equipamentos diversos e reserva de ambientes
3) O que diferencia voc de seus concorrentes (preo, qualidade, servios, etc.)?
A qualidade na prestao de servios.
4) Descreva abaixo o pblico alvo do seu negcio:
Professores e alunos que desejam reservar equipamentos ou um espao.
5) Descreva abaixo os contedos que devero ser inseridos em seu site (histria da
empresa, descrio e fotos de produtos, servios, etc) :
Uma pagina com o sobre com informaes do sistema de reserva, uma rea para cadastro de
usurios, um espao para validao de usurios, um ambiente para realizar a reserva dos
equipamentos.
6) Qual a Imagem a ser transmitida para os usurios? (tradio ou modernidade, layout
clean ou popular, cores mais adequadas etc,)
Um sistema moderno com um layout clean, utilizar as cores laranja e branco.
7) Qual a Documentao disponvel? (logotipo, folders, manuais etc).
No temos um logotipo, seria interessante a criao de um.
8) Descreva as ferramentas de marketing utilizadas atualmente (folders, cartes,
revistas, jornais, rdio, tv, etc)
No utilizado
9) Se possvel, informe o nome e o website de seus principais concorrentes.
Desconheo um sistema especifico.
10) Qual o principal objetivo do seu website
Realizar a reserva de equipamentos.
11) Voc pretende que o site esteja pronto em torno de: (dias)
ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

180 dias
12) Cite 3 coisas que voc, se pudesse, mudaria/ adicionaria hoje mesmo em seu
website.
O cliente ainda no tem site
13) Liste at 2 websites que voc considere interessantes, informando o que
especificamente lhe agrada neles.
Desconheo um sistema especifico
14) Liste at 3 websites que voc considere desagradveis, informando o que
especificamente lhe desagrada neles.
Desconheo um sistema especifico

Outras dicas e informaes do projeto


Nas apostilas do curso voc vai encontrar exemplos que podem ajuda-los nesta empreitada,
nesta seo temos outras dicas que podem ser importantes.

Neste projeto a parte mais importante ser o banco de dados, em caso de duvidas vamos
soluciona-las em nossa apostila de banco de dados.
Na imagem abaixo temos algumas dicas para o modelo conceitual do banco de dados do
projeto, observem que ainda falta alguns detalhes, este s para dar uma ajuda aos
desenvolvedores.

Aqui mostramos apenas o inicio, toda equipe do projeto deve estar voltada para criao
da base de dados, interessante consultar outros professores de sua escola, converse com
eles procure entender como funciona a reserva de equipamentos na escola.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

rea de anotaes e duvidas sobre o projeto


Neste espao devemos registrar duvidas sobre o projeto, ideias a serem apresentadas ao
cliente ou dificuldades no desenvolvimento do projeto para que na reunio com o gestor geral
dos projetos (O Professor), possam ser sanadas.
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

2.3.8. Pet shop.


Briefing Desenvolvimento de Pet Shop
Voc deseja:
( X ) Criar um web site
( ) Re-projetar um web site
Ajude-me a conhecer o seu negcio
1) Conte-me sobre o negcio de sua empresa, seu objetivo e o mercado onde atua:
Tenho um estabelecimento comercial (PetShop) especializado em vender filhotes de animais,
alimentos e acessrios, alm de oferecer servios de embelezamento como banho, tosa e
perfumaria.

Os

principais

animais

comercializados

em

meu

estabelecimento

so ces, gatos, pssaros e peixes ornamentais. Ns no trabalhamos com espcimes


exticos como chinchilas, esquilos, fures, lagartos, cobras e tartarugas.
2) Que tipo de produtos/servios sua empresa oferece?
Comercializao de filhotes de animais de estimao (pets), produtos como alimentos,
perfumes, acessrios e servios de embelezamento para os mesmos.
3) O que diferencia voc de seus concorrentes (preo, qualidade, servios, etc.)?
Qualidade na prestao de servios e um preo baixo.
4) Descreva abaixo o pblico alvo do seu negcio:
Donos de animais de estimao preocupados com o bem estar dos seus pets.
5) Descreva abaixo os contedos que devero ser inseridos em seu site (histria da
empresa, descrio e fotos de produtos, servios, etc) :
Misso, viso, descrio de servios, fotos de servios prestados, galeria de fotos para os
pets, rea de contato.
rea administrativa para cadastrar produtos e servios.
6) Qual a Imagem a ser transmitida para os usurios? (tradio ou modernidade, layout
clean ou popular, cores mais adequadas etc,)
Modernidade, layout clean, cores diversificadas que combinem entre si.
7) Qual a Documentao disponvel? (logotipo, folders, manuais etc)
Temos um logotipo que pode ser baixado no link http://www.4shared.com/download/_cObbTEce/petshop.png
8) Descreva as ferramentas de marketing utilizadas atualmente (folders, cartes,
revistas, jornais, rdio, tv, etc)
Folders, cartes, rdio.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

9) Se possvel, informe o nome e o website de seus principais concorrentes.


http://www.petlove.com.br
PetLove
http://www.cobasi.com.br/

Cobasi

http://www.meuamigopet.com.br Meu amigo Pet


10) Qual o principal objetivo do seu website
Vender produtos de qualidade com transparncia, prestando os melhores servios para os
pets.
11) Voc pretende que o site esteja pronto em torno de: (dias)
180 dias
12) Cite 3 coisas que voc, se pudesse, mudaria/ adicionaria hoje mesmo em seu
website.
O cliente ainda no tem site
13) Liste at 2 websites que voc considere interessantes, informando o que
especificamente lhe agrada neles.
http://www.petlove.com.br
Combinao de cores, menu, local de promoes a vista, produtos e servios bem localizados,
sistema de busca.
http://www.cobasi.com.br/
Banner central, rea de contato, menu com as categorias.
http://www.animalepetshop.com/loja/
rea do SAC, rea para visitante, banners, rea de destaques.
14) Liste at 2 websites que voc considere desagradveis, informando o que
especificamente lhe desagrada neles.
http://www.brasilpetshop.com.br/
Fontes utilizadas, menu no muito atrativo, combinao de cores desinteressante, cones,
rodap muito extenso, muito poludo com propagandas.
http://petitpet.wordpress.com/
Cores fortes e cansativas, falta de fotos dos produtos.

Outras dicas e informaes do projeto


Nas apostilas do curso voc vai encontrar exemplos que podem ajuda-los nesta empreitada,
nesta seo temos outras dicas que podem ser importantes.
Neste projeto a parte mais importante ser o banco de dados, em caso de duvidas vamos
soluciona-las em nossa apostila de banco de dados.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Figura 3 - Fonte http://www.roisoft.com/solucoes/sol-ecommerce

Na imagem abaixo temos um fluxograma com o fluxo bsico de uma loja virtual.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Neste projeto teremos uma rea para o cliente, e outra para o administrador da loja de Pet,
ento ficamos com dois mdulos. Abaixo temos os dois mdulos e alguns processos que
devem ter nestas reas, apenas uma dica para nortea-los, mais pode haver outras
necessidades que devem ser analisadas.

rea do Cliente
Minha conta
Meus pedidos

rea administrativa
Cadastrar Produtos
Cadastrar Categorias
Cadastrar de Promoes
Na imagem abaixo temos uma pequena parte do modelo fsico do banco, lembre-se
apenas o incio uma dica para iniciar o projeto.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

rea de anotaes e duvidas sobre o projeto


Neste espao devemos registrar duvidas sobre o projeto, ideias a serem apresentadas ao
cliente ou dificuldades no desenvolvimento do projeto para que na reunio com o gestor geral
dos projetos (O Professor), possam ser sanadas.
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

2.3.9. Assistncia tcnica - ordem de servio.


Briefing Desenvolvimento aplicativo web de uma assistncia tcnica ordem de servio
Voc deseja:
( X ) Criar um web site
( ) Re-projetar um web site
Ajude-me a conhecer o seu negcio
1) Conte-me sobre o negcio de sua empresa, seu objetivo e o mercado onde atua:
Somos uma empresa de assistncia tcnica de produtos eletrnicos, fazemos atendimentos
tcnicos, trabalhamos para diversos tipos de pessoa fsica ou jurdica.
2) Que tipo de produtos/servios sua empresa oferece?
Assistncia tcnica especializada em produtos eletrnicos.
3) O que diferencia voc de seus concorrentes (preo, qualidade, servios, etc.)?
O nosso diferencial a qualidade na prestao de servios.
4) Descreva abaixo o pblico alvo do seu negcio:
O nosso publico alvo so pessoas que tem equipamentos que apresentam algum tipo de
defeito.
5) Descreva abaixo os contedos que devero ser inseridos em seu site (histria da
empresa, descrio e fotos de produtos, servios, etc) :
Uma pgina para quem somos, uma rea de login para o cliente saber como anda sua ordem
de servio, uma rea para o tcnico lanar esta ordem de servio, cadastro de tcnico,
pesquisar ordem de servio.
6) Qual a Imagem a ser transmitida para os usurios? (tradio ou modernidade, layout
clean ou popular, cores mais adequadas etc,)
Um designer moderno e layout clean, cones especficos para cada menu.
7) Qual a Documentao disponvel? (logotipo, folders, manuais etc)
No temos
8) Descreva as ferramentas de marketing utilizadas atualmente (folders, cartes,
revistas, jornais, rdio, tv, etc)
Cartes de visita e na rdio.
9) Se possvel, informe o nome e o website de seus principais concorrentes.
http://www.controlafacil.com.br/

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

10) Qual o principal objetivo do seu website


Oferecer um ambiente onde meus clientes possam acompanhar a ordem de servio
relacionada ao seu equipamento.
11) Voc pretende que o site esteja pronto em torno de: (dias)
180 dias
12) Cite 3 coisas que voc, se pudesse, mudaria/ adicionaria hoje mesmo em seu
website.
O cliente ainda no tem site
13) Liste at 2 websites que voc considere interessantes, informando o que
especificamente lhe agrada neles.
https://www.agoraos.com.br/ - O layout clean, Banner inicial, a sua aparncia designer
moderno.
https://gmpe.com.br/como-funciona/sistema-ordem-de-servico.html - O layout do programa bem
organizado, a combinao de cores.
14) Liste at 3 websites que voc considere desagradveis, informando o que
especificamente lhe desagrada neles.
Nenhum dos que conheo me desagradvel.

Outras dicas e informaes do projeto


Nas apostilas do curso voc vai encontrar exemplos que podem ajuda-los nesta empreitada,
nesta seo temos outras dicas que podem ser importantes.

Neste projeto a parte mais importante ser o banco de dados, em caso de duvidas vamos
soluciona-las em nossa apostila de banco de dados.

Neste projeto devemos ao construir o layout devemos pensar em um site responsivo, que
possa ser acessado em qualquer plataforma.

Neste link http://globocom.github.io/bootstrap/scaffolding.html#responsive voc vai encontrar


varias dicas sobre designer responsivo, uma biblioteca CSS e JavaScript chamada bootstrap.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Abaixo temos uma imagem de um sistema de controle de ordem de servio chamado controla
fcil, este sistema pode ser utilizado para teste grtis, dando uma noo de como funciona um
sistema de ordem de servio.
No link http://www.controlafacil.com.br/teste_soft.html voc pode testar o software.

Figura 4 - Fonte http://www.controlafacil.com.br/softs_servicos_telas.html

Neste projeto teremos dois ambientes um para o cliente acompanhar a sua ordem de
servio e aprovar ou no o oramento de peas, e outro para o tcnico da empresa criar o
oramento ou ordem de servio.

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

rea de anotaes e duvidas sobre o projeto


Neste espao devemos registrar duvidas sobre o projeto, ideias a serem apresentadas ao
cliente ou dificuldades no desenvolvimento do projeto para que na reunio com o gestor geral
dos projetos (O Professor), possam ser sanadas.
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Bibliografia
Astel, D., & Miller, G. Extreme Programming - Guia Prtico. Campus.
Bernal, P. S. Gerenciamento de Projetos na Prtica - Implantao, Metodologia e Ferramentas. Erica.
Cruz, F., & Cruz, F. Scrum e Pmbok- Unidos No Gerenciamento de Projetos. Brasport.
Freitas, M. A. Fundamentos do Gerenciamento de Servios de TI: Preparatrio para a certificao ITIL
Foundation. Brasport (edio Digital).
Madureira, O. M. Metodologia do Projeto - Planejamento, Execuo e Gerenciamento. Blucher.
Pham, P.-v., Pham, P.-v., X, P. A., & X, P. A. Scrum Em Ao - Gerenciamento e Desenvolvimento gil de Projetos de
Software. Novatec.
Teles, V. M. Extreme Programming. Novatec.
Thierry, G., Thierry, G., & Thierry, G. T. I. - Mudar e Inovar - Resolvendo Conflitos com Itilv3 - Aplicado a um
Estudo de Caso. Senac Distrito Federal.
Vargas, R. V. Manual Prtico do Plano de Projeto - Utilizando o Pmbok Guide - 4 Ed. 2009. Brasport (edio
Digital).
CHIAVENATO, Idalberto. Teoria Geral da Administrao. Vol. I, 6. Edio. Rio de Janeiro: Campus; 2001.
http://www.dicionariodoaurelio.com, em janeiro de 2014.
www.amcham.com.br, jan/2012. Estudo Global de Comportamento do Consumidor 2010, realizado pela
consultoria Accenture em 17 naes.
http://resultadosrapidos.blogspot.com, em jan/2012.
http://pt.wikipedia.org, jan/2012.

ndice de ilustraes
Figura 1 - Fonte http://www.roisoft.com/solucoes/sol-ecommerce ..................................................................51
Figura 2 - Fonte http://www.roisoft.com/solucoes/sol-ecommerce ..................................................................65
Figura 3 - Fonte http://www.controlafacil.com.br/softs_servicos_telas.html ..........................................................70

ESCOLA ESTADUAL DE EDUCAO PROFISSIONAL | Laboratrio Web

Hino Nacional

Hino do Estado do Cear

Ouviram do Ipiranga as margens plcidas


De um povo herico o brado retumbante,
E o sol da liberdade, em raios flgidos,
Brilhou no cu da ptria nesse instante.

Poesia de Thomaz Lopes


Msica de Alberto Nepomuceno
Terra do sol, do amor, terra da luz!
Soa o clarim que tua glria conta!
Terra, o teu nome a fama aos cus remonta
Em claro que seduz!
Nome que brilha esplndido luzeiro
Nos fulvos braos de ouro do cruzeiro!

Se o penhor dessa igualdade


Conseguimos conquistar com brao forte,
Em teu seio, liberdade,
Desafia o nosso peito a prpria morte!
Ptria amada,
Idolatrada,
Salve! Salve!
Brasil, um sonho intenso, um raio vvido
De amor e de esperana terra desce,
Se em teu formoso cu, risonho e lmpido,
A imagem do Cruzeiro resplandece.
Gigante pela prpria natureza,
s belo, s forte, impvido colosso,
E o teu futuro espelha essa grandeza.
Terra adorada,
Entre outras mil,
s tu, Brasil,
Ptria amada!
Dos filhos deste solo s me gentil,
Ptria amada,Brasil!
Deitado eternamente em bero esplndido,
Ao som do mar e luz do cu profundo,
Fulguras, Brasil, floro da Amrica,
Iluminado ao sol do Novo Mundo!
Do que a terra, mais garrida,
Teus risonhos, lindos campos tm mais flores;
"Nossos bosques tm mais vida",
"Nossa vida" no teu seio "mais amores."
Ptria amada,
Idolatrada,
Salve! Salve!
Brasil, de amor eterno seja smbolo
O lbaro que ostentas estrelado,
E diga o verde-louro dessa flmula
- "Paz no futuro e glria no passado."
Mas, se ergues da justia a clava forte,
Vers que um filho teu no foge luta,
Nem teme, quem te adora, a prpria morte.
Terra adorada,
Entre outras mil,
s tu, Brasil,
Ptria amada!
Dos filhos deste solo s me gentil,
Ptria amada, Brasil!

Mudem-se em flor as pedras dos caminhos!


Chuvas de prata rolem das estrelas...
E despertando, deslumbrada, ao v-las
Ressoa a voz dos ninhos...
H de florar nas rosas e nos cravos
Rubros o sangue ardente dos escravos.
Seja teu verbo a voz do corao,
Verbo de paz e amor do Sul ao Norte!
Ruja teu peito em luta contra a morte,
Acordando a amplido.
Peito que deu alvio a quem sofria
E foi o sol iluminando o dia!
Tua jangada afoita enfune o pano!
Vento feliz conduza a vela ousada!
Que importa que no seu barco seja um nada
Na vastido do oceano,
Se proa vo heris e marinheiros
E vo no peito coraes guerreiros?
Se, ns te amamos, em aventuras e mgoas!
Porque esse cho que embebe a gua dos rios
H de florar em meses, nos estios
E bosques, pelas guas!
Selvas e rios, serras e florestas
Brotem no solo em rumorosas festas!
Abra-se ao vento o teu pendo natal
Sobre as revoltas guas dos teus mares!
E desfraldado diga aos cus e aos mares
A vitria imortal!
Que foi de sangue, em guerras leais e francas,
E foi na paz da cor das hstias brancas!

Você também pode gostar