Escolar Documentos
Profissional Documentos
Cultura Documentos
Prática em
executar o que foi previamente planejado.
Prática em Programação para Web trará
Programação
para Web
w w w. u n i s u l . b r
Universidade do Sul de Santa Catarina
Prática em
Programação
para Web
UnisulVirtual
Palhoça, 2015
Créditos
Prática em
Programação
para Web
Livro didático
Designer instrucional
Flavia Lumi Matuzawa
UnisulVirtual
Palhoça, 2015
Copyright © Nenhuma parte desta publicação pode ser reproduzida por
UnisulVirtual 2015 qualquer meio sem a prévia autorização desta instituição.
Livro Didático
005.1
P92 Prática em programação para web : livro didático / Flavia Lumi
Matuzawa, organizadora; Cynthia Beatriz Scheffer Dutra, [conteudista] ; design
instrucional Flavia Lumi Matuzawa. – Palhoça : UnisulVirtual, 2015.
50 p. : il. ; 28 cm.
Inclui bibliografia.
Introdução | 7
Capítulo 1
Projeto Integrador Web e a etapa de execução | 9
Capítulo 2
Etapas práticas do Projeto Integrador Web II | 17
Considerações Finais | 45
Referências | 47
Caro aluno,
Agora é o momento de uma nova etapa em sua formação: após estudar e adquirir
conhecimentos teóricos sobre projeto, design e programação, chegou o momento
de integrar, sistematizar e consolidar esses conhecimentos.
Pode ser que em algum momento durante esta caminhada você sinta cansaço ou
insatisfação. Mas o encorajamos a usar esses momentos a seu favor, como meios
de motivação para chegar a um final exitoso. Acredite em sua capacidade de
superar obstáculos e de se organizar para desenvolver um bom projeto!
Bom trabalho!
Professoras Cynthia Beatriz Scheffer Dutra
e Flavia Lumi Matuzawa
Capítulo 1
Seção 1
Uma visão geral dos elementos do PIWEB II
Na Unidade de Aprendizagem Prática em Gestão de Projetos, são apresentadas
as partes e os elementos que compõem o desenvolvimento do projeto web.
Este projeto web foi referenciado como Projeto Integrador Web (PIWEB).
Para padronizar e facilitar a continuidade do desenvolvimento deste projeto,
manteremos essa nomenclatura.
10
Prática em Programação para Web
Seção 2
O processo de avaliação do PIWEB II
Está claro para você, desde Práticas em Gestão de Projetos, que os projetos
são diferentes, variando desde a escolha do tema como a própria experiência
e conhecimentos prévios. Por isso em PIWEB considera-se o todo: como o
aluno está pensando, que recursos ele consegue usar, que relações consegue
estabelecer, que operações realiza ou inventa, como é o seu desenvolvimento ao
longo das partes.
11
Capítulo 1
12
Prática em Programação para Web
Seção 3
A estrutura e o ponto de partida para
desenvolver o PIWEB II
Para o desenvolvimento do PIWEB II, será necessário o cumprimento de algumas
etapas propostas como atividades. A sugestão para o bom andamento do seu
projeto é que você primeiro leia as atividades que deverá fazer, estude seu
detalhamento teórico e, em seguida, realize as atividades propostas.
Essas três etapas finais serão organizadas para serem entregues em dois
momentos marcados pelas Avaliações a Distância 1 e 2. Observe no quadro
a seguir.
13
Capítulo 1
Quadro 1 – Visão geral das atividades propostas para a primeira etapa do Projeto Integrador
Web II (PIWEB II)
Prazo de
Etapa Atividade Descrição Desdobramento da atividade entrega
• Ajustes
3 Protótipo • Apresentação
• Demonstrativo
• Simulação
4 Projeto-piloto • Apresentação
• Implantação
• Testes
• Validação
PIWEB I e II
14
Prática em Programação para Web
Observe que você terá a etapa de (a) Execução e avaliação do projeto; (b) o
Encerramento do Projeto e (c) a Documentação. Essas três etapas deverão
ser desenvolvidas neste semestre letivo e culminar com a entrega do projeto
finalizado, executável e devidamente documentado.
15
Capítulo 2
Seção 1
Etapa 5: execução e avaliação do projeto
É a hora de partir para a ação. Aqui a equipe deverá executar o que foi planejado
na primeira etapa de seu projeto. Como ponto de partida, será utilizado o
fluxograma, desenvolvido em PIWEB I, o qual corresponde à etapa de execução
das atividades.
Nesta etapa de execução e avaliação do projeto, a equipe deve fazer uso dos
recursos materiais que foram mobilizados e iniciar o desenvolvimento das
atividades designadas a um dos membros no planejamento da divisão do
trabalho. Boa parte do esforço e orçamento do projeto é consumida nesta fase.
O início da execução do projeto deve acontecer com uma reunião. Nessa reunião,
o escopo do projeto deve ser exposto com a maior clareza possível, os detalhes
devem ser discutidos até a exaustão, o plano de trabalho deve ser detalhado, as
tarefas divididas e as responsabilidades delegadas.
18
Prática em Programação para Web
Veja o Gantt atualizado para o “Sistema Hydros”, Figura 1, supondo que foram
realizadas as atividades do 1º. Bimestre de 2006.
19
Capítulo 2
20
Prática em Programação para Web
Avaliando os indicadores:
• Tecnologia/ Operacionais:
Esses indicadores não podem ser avaliados, pois são variantes que ainda
não entraram na execução do projeto.
Atenção!
Veja outro exemplo que aborda agora o replanejamento do projeto feito sem
análise, sem consultar a equipe de desenvolvimento, gerando conflitos de
tal proporção que causou o fracasso de um projeto ( consequentemente, de
uma empresa).
21
Capítulo 2
O desenvolvimento iniciou tendo-se uma ideia do que seria o produto final, porém,
sem formalização das etapas do desenvolvimento nem das características finais.
Não havia “tempo” para planejar – as etapas do projeto foram sendo desenvolvidas
de forma independente. No momento de integrá-las, foram encontrados vários
problemas conceituais, devido à falta de comunicação e definições de projeto entre
os membros de diferentes equipes.
Por conta disso, várias características foram modificadas para minimizar o problema.
Quando finalmente o projeto estava se encaminhando para o produto final, houve
uma nova alteração. Para satisfazer o desejo de um dos diretores em incorporar
uma determinada funcionalidade adicional (não prevista no projeto inicial, mas que
segundo ele promoveria vendas em números estratosféricos), uma série de ajustes
e modificações foram solicitadas pela direção, para a equipe de desenvolvimento.
Como se não bastasse, em paralelo, a empresa “vendeu” a ideia de que o
equipamento já era capaz de realizar integralmente todas as funcionalidades.
Devido às mudanças no projeto, novos problemas foram aparecendo, obrigando
funcionários a trabalhar madrugadas e finais de semana para tentar finalizar o
desenvolvimento na data prevista. A pressão foi tanta que os conflitos não paravam
de aparecer e acontecer. Agora, eram técnicos, interpessoais e interequipes
de desenvolvimento. Mesmo com carga excessiva de trabalho, a entrega dos
equipamentos foi sendo adiada repetidas vezes. Com a série de atrasos ocorridos,
o cliente acabou cancelando a compra. A empresa que contava com essa venda
para financiar o desenvolvimento de novos projetos acabou abandonando o projeto
e demitindo todos os seus funcionários. Faliu em menos de seis meses, e ainda
acumulou vários processos trabalhistas que permanecem tramitando na justiça.
Lembre-se!
22
Prática em Programação para Web
23
Capítulo 2
24
Prática em Programação para Web
25
Capítulo 2
É importante relembrar que a comunicação entre a equipe deve ser feita com
periodicidade para permitir a correção de eventuais desvios, antes que eles
transformem-se em desvios acentuados no projeto. Dependendo do porte e da
fase do projeto, as reuniões podem ser semanais (ou até mesmo diárias), para
manter a equipe interada das informações sobre ele.
•• o protótipo;
•• o projeto piloto.
26
Prática em Programação para Web
Assim, para desenvolver seu projeto, você precisará, antes de tudo, criar um
modelo ou protótipo desse projeto.
Veja o que diz este artigo disponível na Wikipedia, a enciclopédia livre, sobre o
uso de protótipo em software:
Prototipagem de software
Origem: Wikipédia, a enciclopédia livre.
Prototipagem
As técnicas e ferramentas de software existem para identificar requisitos ambíguos
e em falta. Esses problemas são fatores importantíssimos no desenvolvimento de
qualquer sistema de software. Contudo, estas questões tornam-se ainda mais
27
Capítulo 2
Por exemplo, um protótipo de uma interface com o utilizador tem como principal
funcionalidade conseguir captar as necessidades efetivas e concretas do
utilizador. [8]
28
Prática em Programação para Web
• Storyboard
• Protótipo em papel
• Feiticeiro de Oz
• Máquina de Cenários
• Prototipagem rápida
• Prototipagem evolutiva
1 O Ecrã ou Écran é a superfície sobre a qual se projeta uma imagem ou parte de um aparelho
que exibe informações visuais resultantes do processamento ou recepção de sinal ou dados.
29
Capítulo 2
Perigos da prototipagem…
Se a maquete do sistema for construída sem cuidado especial, pode ser que essa
resolva, teoricamente, o problema errado, ou seja, aparentemente o protótipo
pode parecer muito bom e estar muito bem feito, mas não vai ao encontro das
necessidades básicas dos potenciais utilizadores.
Para além disso, o fato de um protótipo dar a conhecer apenas algumas “peças do
puzzle”, pode levar a menosprezar partes fundamentais do sistema, tornando-se
incompleto. Saltar passos fundamentais no desenho de um software pode conduzir
à “primeira solução” (mais fácil e simples), em vez de nos levar à “melhor solução”.
A prototipagem tem ainda outro problema que deve ser levado em conta: se for
demasiado perfeito e permitir que o utilizador navegue pelo sistema já com um
grau de profundidade elevado, pode levar o cliente a pensar que o projeto já
está praticamente pronto, desvalorizando, assim, a quantidade de trabalho ainda
por realizar.
Concluindo, o processo de prototipagem pode ser muito eficaz, mas também ter
custos de produção elevados e ocupar uma quantidade de tempo exagerada.
Todos estes pontos devem ser bem medidos, tanto pelos engenheiros de software,
que estão à frente de qualquer projeto, quanto também pela parte dos clientes.
30
Prática em Programação para Web
Referências
31
Capítulo 2
Quando a equipe constrói seu protótipo, uma das vantagens que se destaca
é a de desenvolver algumas funcionalidades que auxiliem no refinamento do
projeto. Pode-se programar funções embutidas no protótipo que permitam, após
cada simulação, gerar dados, por meio de gráficos, planilhas e/ou tabelas, e
comparar resultados anteriormente obtidos com os atuais. Além disso, pequenos
diagnósticos locais podem ser automaticamente gerados e apresentados, junto
com os resultados dos ensaios de simulação, para auxiliar a tomada de decisões.
32
Prática em Programação para Web
33
Capítulo 2
34
Prática em Programação para Web
RELATÓRIO DE ACOMPANHAMENTO
Última data de verificação do projeto: 15 Julho 2014
Tecnologia/Operacionais:
Esses indicadores não podem ser avaliados, pois são variantes que ainda não
entraram na execução do projeto.
35
Capítulo 2
DOCUMENTOS ASSOCIADOS
( X ) Gantt atualizado
( ) Lista de atividades
( ) Fluxograma
( ) Planilha de custos
( ) Outros:..................................................................
ENTREGA CONJUNTA
( X ) Protótipo
( ) Piloto
( ) Projeto Final
( ) Obs.:
VERIFICAÇÃO DO PROFESSOR
Relatório
Indicadores
Documentos Associados
Entrega Conjunta
36
Prática em Programação para Web
Seção 2
Etapa 6: encerramento do projeto
Uma das causas possíveis de encerramento do projeto é a própria data-limite, ou
prazo final (como no nosso caso). Não temos como discutir a data previamente
estipulada, pois não haverá prorrogações, uma vez que o encerramento do
semestre letivo coincide com o prazo máximo de envio do projeto. Então, temos
que trabalhar sabendo que essa data é definitiva. Nesse caso, o controle mais
rigoroso do tempo deve ser feito no Gantt, preenchendo as atividades realizadas
e comparando com o previsto, conforme já citado anteriormente. Segundo
(FACCIONI, 2006), a finalização do projeto pode acontecer por dois motivos:
37
Capítulo 2
Em “Lições Aprendidas” você deve registrar as causas das variações, razões sob
os planos de ação para eliminação de situações insatisfatórias, análise de erros
cometidos no gerenciamento de prazo, custo, qualidade, escopo e risco, análise
de acertos realizados durante o projeto.
38
Prática em Programação para Web
[FOLHA 01/01]
Título:
LIÇÕES APRENDIDAS
Data de início do projeto:
39
Capítulo 2
Seção 3
Etapa 7: documentação do Projeto Integrador Web
Fechado o projeto, é importante você avaliar as estatísticas quanto ao tempo
gasto, os recursos utilizados, os riscos previstos que aconteceram e não
aconteceram, se os custos foram suficientes e todos os demais dados que
possam compor o projeto e ajudar a entender a gestão para os próximos
projetos. Avalie se as expectativas do cliente foram atendidas. Esse é o momento
de reunir toda a documentação (obrigatoriamente) para que se preserve a história
do desenvolvimento do projeto, permitindo avançar em melhorias no futuro
(FACCIONI, 2006).
Pode ser que você ainda tenha algo a descrever e a acrescentar em sua
documentação, por isso, leia algumas dicas para redigir seu projeto:
40
Prática em Programação para Web
• não esqueça de citar os autores das ideias utilizadas para que não se
caracterize o plágio;
• faça revisão periódica do que foi escrito. Uma leitura em voz alta facilita a
correção de frases sem sentido ou/e confusas.
Atenção!
41
Capítulo 2
2.1 Descrição
2.2 Objetivos
2.3 Justificativa
3 ANÁLISE DO PROJETO
4 PLANEJAMENTO DE PROJETO
42
Prática em Programação para Web
5 EXECUÇÃO DO PROJETO
6 ENCERRAMENTO DO PROJETO
7 CONSIDERAÇÕES FINAIS
REFERÊNCIAS e APÊNDICES
ANEXOS
43
Considerações Finais
Caro aluno,
Nossa expectativa é que a utilização deste livro, aliado a sua capacitação, tenha
tornado possível a construção de seu PI Web. Durante esse processo, você
deve ter encontrado muitas dificuldades e talvez tenha sentido necessidade de
melhor compreensão dos temas aqui apresentados. Com toda a certeza, não
conseguimos esgotar o assunto, pois
Mas acreditamos que, com base neste livro (e nos demais referenciados), você
tenha o devido suporte para buscar conhecimentos em outros materiais e, até
mesmo, gerar conhecimento, a partir das ideias inovadoras que possam ter lhe
ocorrido durante esta importante etapa de seu curso.
Com toda certeza, a conclusão desse primeiro projeto lhe abrirá as portas para
um mundo fascinante de pesquisa e desenvolvimento, sobretudo, de uma vida
profissional plena com a habilitação de tecnólogo em Web Design e Programação.
Comemore muito, pois não é todo dia que temos o prazer de uma vitória assim!
45
Referências
AMBONI, Nério; AMBONI, Narcisa de Fátima. Pesquisa e avaliação: livro
didático. 3. ed. rev. e atual. Palhoça: UnisulVirtual, 2005. 122 p.
MENEZES, Luis César de Moura. Gestão de projetos. São Paulo: Atlas, 2001.
47
Sobre o Professor Conteudista
49
Prática em Programação para Web
Universidade do Sul de Santa Catarina
Desenvolver um projeto web é um desafio
necessário para a formação acadêmica na área
tecnológica. A partir da estrutura conceitual do
projeto – devidamente elaborada em Prática em
Gestão de Projetos – agora é o momento para
Prática em
executar o que foi previamente planejado.
Prática em Programação para Web trará
Programação
para Web
w w w. u n i s u l . b r