Escolar Documentos
Profissional Documentos
Cultura Documentos
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.
1.2.
1.3.
Trabalho em equipe.................................................................................................................................19
Painel de Projeto......................................................................................................................................28
1.5.
2.2.
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
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
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.
Objetivos de Aprendizagem
Ao final da disciplina os alunos devem ser capazes de...
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.
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)
FUNDAMENTOS TERICO-PRTICOS
(Determinam e orientam as aprendizagens, permitindo a aquisio das competncias de maneira
progressiva e por etapas).
AES PEDAGGICAS
(Os limites a serem respeitados e os meios de aplicao).
RELAO DE COMPETNCIAS
LABORATRIO WEB:
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.
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
Tambm interessante criar um acompanhamento dirio com observaes sobre a equipe e alunos de forma individual.
Pontuao
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
Criao do painel de
acompanhamento do projeto, onde os
alunos vo confeccionar o painel do
seu projeto.
9 e 10
aula
Aplicao do briefing
15 a 18
aula
Planejamento do Projeto
Atividades do Projeto
19 a 23
aula
24 e 25
aula
26 a 30
aula
31 a 35
aula
Designer do site
36 a 40
aula
41 a 50
aula
51 a 55
aula
56 a 85
aula
86 e 90
aula
Criao do MER.
Criao do DER.
Criao do dicionrio de dados.
Testes de mdulos
91 e 95
aula
96 e 100
aula
Interveno Pedaggica
Avaliao da Fase
Metodologias de projeto.
Sendo
assim
observe
as
definies
abaixo,
sacadas
do
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.
1.2.
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 credibilidade;
Falncia.
dos
consumidores
brasileiros
sobre
produtos
servios
(Fonte:
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:
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
Planejamento da Atividade;
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.
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.
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.
1.3.
Trabalho em equipe.
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.
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.
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.
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
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.
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.
FRAQUEZAS PERMITIDAS
Falta de flexibilidade,
irresponsabilidade para desaprovar
ideias.
Comum em termos de habilidade
intelectual ou criativa.
1.4.
Painel de Projeto.
1.5.
Aplicao do briefing.
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.
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.
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.
Agora que j temos uma previa dos projetos vamos para as fases do desenvolvimento do
Projeto.
2.2.
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.
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
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
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
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.
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.
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.
2.3.2. Consultrio.
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.
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.
2.3.3. Concessionria.
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.
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.
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.
Na imagem abaixo temos um fluxograma com o fluxo bsico de uma 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
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.
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.
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.
interessante trabalhar com plugins sociais, utilizar as redes sociais para divulgar o hotel,
escolha algumas redes sociais para praticar um pouco.
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
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.
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
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.
Os
principais
animais
comercializados
em
meu
estabelecimento
Cobasi
Na imagem abaixo temos um fluxograma com o fluxo bsico de uma loja virtual.
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.
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.
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.
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.
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
Hino Nacional