(29897 144402) Exemplo de Monografia - Monografiamodelo JoseEduardo

UNIVERSIDADE DO SUL DE SANTA CATARINA - UNISUL JOS EDUARDO JANURIO PEREIRA
REESCREVENDO HISTRIA: UM ESTUDO SOBRE O DESENVOLVIMENTO DE WEB SITES COLABORATIVOS
Palhoa 2010
JOS EDUARDO JANURIO PEREIRA
Monografia
apresentada
ao
Curso
Superior
de
Tecnologia em Web Design e Programao da Universidade do Sul de Santa Catarina, como requisito parcial para a obteno do ttulo de Tecnlogo.
Orientador: Prof. Clvison Martinelli Zapelini Esp.
Palhoa 2010
JOS EDUARDO JANURIO PEREIRA
Esta Monografia foi julgada adequada obteno do ttulo de Tecnlogo em Web Design e Programao e aprovado em sua forma final pelo Curso Superior de Tecnologia em Web Design e Programao da Universidade do Sul de Santa Catarina.
Palhoa, _____de ___________________________ de 2010 _______________________________________________________________ Prof. Clvison Martinelli Zapelini Esp. Universidade do Sul de Santa Catarina
Dedico esta Monografia minha esposa Ingrid, que tanto incentivou e compreendeu as dificuldades concluso e dedicao exigidas para desta importante etapa da minha
vida acadmica.
AGRADECIMENTOS
Foram tantas as horas que passei diante de computadores elaborando este projeto e monografia. Durante este tempo, muitas coisas estiveram envolvidas at que eu chegasse a um resultado final; portanto, no fcil encontrar as palavras corretas para poder agradecer a todos os envolvidos direta ou indiretamente neste processo. Em primeiro lugar, gostaria de agradecer a Deus que esteve sempre ao meu lado, dando-me foras para continuar escrevendo, pesquisando e programando, sem nunca me abater mesmo diante de tantos obstculos e dificuldades, ao Senhor so devidos todos os meus agradecimentos, minhas glrias e louvores. Em segundo lugar, minha esposa, companheira e amiga. Ingrid, pela pacincia, compreenso e tolerncia, pelos dias e horas que no lhe dediquei, pois foram consumidas na elaborao deste trabalho, principalmente por todo o amor que sempre me dedicou e dedica em todos os momentos de sua vida. Aos meus pais, Djalma e Maria da Graa por me proporcionarem durante toda a minha vida, uma referncia em matria de carter e determinao, comprovando que somente atravs do esforo possvel conquistar o sucesso. Aos professores Clvison Martinelli Zapelini e Flavia Lumi Matuzawa que me auxiliaram no desenvolvimento deste trabalho, sugerindo modificaes, auxiliando e incentivando, para que eu pudesse apresentar o que a Unisul me proporcionou de melhor, durante o decorrer deste curso. Aos amigos Anbal A. Arago e Volsio Fernandes, por sua compreenso e flexibilidade, proporcionando condies no ambiente de trabalho para que este projeto se concretizasse, meus sinceros agradecimentos.
O homem de bem exige tudo de si prprio; o homem medocre espera tudo dos outros (Confcio)
RESUMO
Esta Monografia demonstra os preceitos, fundamentos e caractersticas da elaborao de um Projeto Integrador Web classificado como um projeto da categoria de Desenvolvimento tecnolgico, tendo como tema a produo de um web site dinmico e colaborativo, sobre a Histria da cidade de Itaja. O processo de produo do projeto segue a metodologia proposta por Dutra (2007) abordando tcnicas de gerenciamento e acompanhamento para a produo de projetos, desde os estudos quanto a relevncia, viabilidade, estratgia de produo, mtodos de avaliao atravs de ndices de desempenho, verificao de resultados obtidos, at as concluses proporcionadas com a produo do projeto. Palavras-chave: Gerenciamento de bases de dados. Aplicao Web. Web site colaborativo. Produo de Projetos. Otimizao de Web Sites.
SUMRIO
INTRODUO.......................................................................................................................10 1 IDENTIFICAO DO ESCOPO DO PROJETO............................................................11 1.1 DEFINIO E APRESENTAO DO TEMA.......................................................11 1.2 CATEGORIA DO PROJETO....................................................................................12 1.3 CONTEXTO DO PROJETO.....................................................................................12 1.4 EQUIPE DO PROJETO............................................................................................13 2 DESCRIO DETALHADA DO PROJETO...................................................................15 2.1 DESCRIO.............................................................................................................15 2.2 OBJETIVOS..............................................................................................................17 2.2.1 Objetivo Geral.............................................................................................17 2.2.2 Objetivos Especficos..................................................................................17 2.3 JUSTIFICATIVA.......................................................................................................18 2.4 RESULTADOS ESPERADOS..................................................................................21 2.5 COLETA E INTERPRETAO DE DADOS..........................................................22 3 ANLISE DO PROJETO...................................................................................................24 3.1 PLANEJAMENTO DE ATIVIDADES..................................................................24 3.1.1 Etapa 1 Definies....................................................................................24 3.1.2 Etapa 2 Concepo...................................................................................24 3.1.3 Etapa 3 Produo.....................................................................................25 3.1.4 Etapa 4 Otimizao..................................................................................25 3.1.5 Etapa 5 Publicao...................................................................................26 3.2 ESTUDO DE RECURSOS MOBILIZADOS...........................................................26 3.3 ESTUDO DE VIABILIDADE..................................................................................27 3.4 ESTUDO DE RISCOS..............................................................................................29 4 PLANEJAMENTO DE PROJETO....................................................................................33 4.1 PLANO DE TRABALHO.........................................................................................33 4.1.1 Fluxo de Atividades.....................................................................................33 4.1.2 Detalhamento das Atividades.....................................................................35 4.1.3 Cronograma das Atividades.......................................................................35
4.2 EQUIPES DE TRABALHO......................................................................................37 4.2.1 Diviso de Tarefas........................................................................................38 4.2.2 Diviso de Responsabilidades.....................................................................39 5 EXECUO DO PROJETO..............................................................................................41 5.1 RELATRIOS PARCIAIS DE EXECUO....................................................................41 5.1.1 Relatrio de Acompanhamento Etapa 1................................................41 5.1.2 Relatrio de Acompanhamento Etapa 2................................................47 5.1.3 Relatrio de Acompanhamento Etapa 3................................................51 5.1.4 Relatrio de Acompanhamento Etapa 4................................................53 5.2 VERIFICAO DE NDICES DE DESEMPENHO...............................................57 5.3 PROTTIPO DO PROJETO....................................................................................58 5.4 PROJETO PILOTO...................................................................................................59 6 ENCERRAMENTO DO PROJETO..................................................................................60 6.1 VALIDAO DO PROJETO...................................................................................60 6.2 ENTREGA / APRESENTAO FINAL..................................................................69 6.3 MEDIO DOS RESULTADOS.............................................................................69 7 CONSIDERAES FINAIS..............................................................................................72 7.1 LIES APRENDIDAS...........................................................................................72 7.2 NOVAS IDEIAS E OPORTUNIDADES..................................................................73 REFERNCIAS......................................................................................................................75 BIBLIOGRAFIA REFERENCIADA..............................................................................75 BIBLIOGRAFIA CONSULTADA..................................................................................76 APNDICES............................................................................................................................78
INTRODUO
Esta Monografia aborda o processo de produo de um projeto, este tem como tema o desenvolvimento de um web site dinmico e colaborativo com a finalidade de oferecer meios a pesquisadores, estudantes e a populao em geral de colaborar para a construo de uma base dados sobre a histria da cidade de Itaja. O processo de produo detalhado conforme metodologia proposta por Dutra (2007) onde so definidos aspectos de um projeto como seu tema, escopo, objetivo geral, objetivos especficos e verificao de resultados obtidos. So apresentadas tambm as formas utilizadas para planejar o desenvolvimento do projeto e acompanhar o desenvolvimento em busca de uma clara identificao de desvios no planejamento. Ao final so apresentados os resultados alcanados com a produo do projeto e lies aprendidas atravs do desenvolvimento.
10
1 IDENTIFICAO DO ESCOPO DO PROJETO
1.1 DEFINIO E APRESENTAO DO TEMA
A definio do tema deste projeto, foi baseada em critrios de seleo propostos por (DUTRA, 2007 apud AMBONI, 2005) utilizando critrios como importncia, viabilidade e originalidade do tema proposto. O autor definiu como tema de seu projeto, o desenvolvimento de um web site dinmico e colaborativo, para a publicao de informaes e imgens sobre a Histria da cidade de Itaja em Santa Catarina. Analisando o contexto no qual o projeto est inserido, e considerando a inexistncia, at a data de definio do tema do projeto, de web sites voltados exclusivamente a publicao de contedos histricos sobre a histria do municpio de forma colaborativa, o tema considerado relevante. Quanto a viabilidade do projeto, o autor verificou os recursos financeiros, materiais, tecnolgicos, humanos e metodolgicos necessrios para a produo do projeto, considerando-o vivel. O tema proposto, considerado original por no existir na regio nenhum web site que oferea tal abordagem ou que seja focado na participao popular para a confeco da base de dados. O tema proposto atende a todos os critrios de seleo de um tema, conforme metodologia descrita por (DUTRA, 2007 apud AMBONI, 2005).
11
1.2 CATEGORIA DO PROJETO
O projeto intitulado Nossa histria de Itaja, classificado como um projeto da categoria de Desenvolvimento tecnolgico, pois parte de conhecimentos pr existentes, visando o desenvolvimento de um produto, voltado a atender as necessidades identificadas durante a definio da temtica do mesmo (DUTRA, 2007).
1.3 CONTEXTO DO PROJETO
Este projeto est inserido em um contexto amplo onde, atravs da internet possvel encontrar diversos contedos referentes a histria e cultura da cidade de Itaja, de forma geral, estas informaes encontram-se espalhadas pela internet, em diferentes sites e portais, na sua maioria, contam apenas com relatos histricos oficiais. A organizao destas informaes realizada muitas vezes por fundaes ligadas ao governo municipal, que realizam o arquivamento e organizao de algumas destas informaes, porm este tipo de trabalho no integralmente publicado em meios online e muitas vezes ignoram as produes extra-oficiais e ou populares. A publicao deste material por parte de uma empresa ou fundao, demandaria custos com pessoal e infra-estrutura, alm de limitar de certa forma, a participao popular na construo deste acervo. Visando a reduo de custos com equipes, que seriam responsveis por arquivar, organizar e estruturar os contedos para fins de publicao, este material se impresso, necessitaria de constantes revises e custos ambientais e econmicos a cada atualizao do acervo. O projeto desenvolvido visa gerar economia na disponibilizao destas informaes, alm de reduzir gastos com pessoal para a anlise e catalogao das
12
informaes, pulverizando a responsabilidade de catalogao e publicao entre os membros da comunidade que ser criada em torno do projeto. Com a responsabilidade da publicao dos contedos compartilhada, cabe aos responsveis pela administrao do web site, apenas a moderao dos temas, filtrando contedos imprprios, irrelevantes ou de baixa qualidade. Garantindo assim a credibilidade das informaes disponibilizadas. Para o desenvolvimento do projeto, foram necessrios conhecimentos em disciplinas abordadas no curso de Web Design e Programao da Unisul, entre elas: Lgica de Programao, Linguagens de Programao, Bancos de Dados, Segurana de Rede de Dados, Multimdia, Produo Textual e Gerenciamento de Projetos e Equipes.
1.4 EQUIPE DO PROJETO
O Projeto ser desenvolvido de maneira individual, por Jos Eduardo Janurio Pereira, que exercer a funo de gestor, o mesmo possui conhecimento e experincia no desenvolvimento de projetos semelhantes este, onde o usurio responsvel por produzir contedos que compem um web site. O gestor do projeto, possui conhecimento em linguagens de programao, necessrias para a criao e apresentao de sites dinmicos e sistemas de gerenciamento de contedo, alm de j ter desenvolvido sistemas com estruturas semelhantes, como o site http://www.nossosintac.com.br pgina do sindicato dos trabalhadores da Administrao do Porto de Itaja, o site utilizado como exemplo, trabalha com sistemas de publicao dinmica e participao da comunidade relacionada ao sindicato em questo. Entre as experincias do gestor, possvel destacar a produo de um jogo baseado em navegador, em parceira com o programador Rafael Vincius Custdio, intitulado Speed on Blood, produzido em 2007 e que utilizava como motor de jogo, uma srie de scripts
13
em Hypertext Preprocessor (PHP) para determinar o resultado das aes dos jogadores, em relao aos eventos do sistema e eventos entre jogadores. O autor participou durante aproximadamente um ano, da equipe de moderao e planejamento do jogo sueco, The Crims onde desenvolveu em 2006 a estruturao de algumas implementaes ao sistema de jogo, alm de tradues, documentao do projeto e materiais de apoio aos jogadores brasileiros.
14
2 DESCRIO DETALHADA DO PROJETO
2.1 DESCRIO
Trata-se do desenvolvimento de um web site dinmico e colaborativo para a publicao de materiais referentes a histria e a cultura da cidade de Itaja. O web site do projeto contar com diferentes mdulos, que permitiro o cadastramento de novos usurios, publicao de novas entradas e moderao de entradas enviadas pelos usurios, alm da apresentao do contedo aprovado, os principais mdulos a serem desenvolvidos no projeto, seguem descritos abaixo: a) Mdulos de Cadastramento: Visando a maior segurana para a publicao de entradas no sistema, o envio de informaes s poder ser realizado por usurios devidamente cadastrados no sistema, para isso, o usurio necessitar fornecer algumas informaes para a realizao de seu cadastro. Aps o cadastramento de um novo usurio, este poder realizar a autenticao no sistema e acessar a interface de Publicao; b) Mdulo de Publicao: O mdulo de publicao oferecer ao usurio ferramentas simples para o envio de textos e fotografias, simplificando o processo de envio de contedo e identificando a autoria dos envios; c) Mdulo de Moderao: Este mdulo ser restrito aos administradores e permitir aos responsveis, realizar uma espcie de filtragem no contedo disponvel no site, todas as entradas de usurios s sero efetivamente publicadas aps passarem por uma verificao dos administradores, esta moderao servir especialmente para combater o envio de spams e materiais imprprios que poderiam comprometer a credibilidade e a
15
imagem do site ou a segurana de seus utilizadores; d) Interface Pblica: A interface pblica, ser responsvel pela apresentao dos contedos aprovados pela moderao para qualquer usurio do site, seja ele cadastrado ou no no sistema, a interface pblica de fato, o site que ser apresentado ao usurio de qualquer nvel; e) Nveis de Usurios: Os usurios do site sero divididos em categorias diferentes que permitiro certos nveis de privilgios dentro do sistema, os usurios estaro divididos em certas categorias: - Administradores: So usurios responsveis pela moderao de contedos, incluso, excluso e entradas dos demais usurios, so o nvel mais alto na hierarquia de administrao do site; - Colunistas: So usurios que possuem aval da moderao para a publicao instantnea de contedos, as entradas enviadas por esses usurios so automaticamente publicadas e dispensam a moderao dos administradores, o status de colunista somente poder ser atribudo a um usurio, por um administrador, a condio de colunista poder ser revogada por um administrador a qualquer tempo; - Autor: Todos os usurios ao realizarem seus cadastros sero automaticamente classificados como autores, os autores possuem ferramentas que permitiro o envio de contedos que estaro sujeitos a moderao dos administradores; - Leitor: Os usurios no cadastrados no sistema so classificados como leitores e no possuiro privilgios de envio de materiais, ser reservada aos usurios do nvel leitor a visualizao aos contedos aprovados.
16
Com a organizao dos usurios em nveis diferentes a tarefa de administrar o site torna-se simplificada e o contedo estar disponvel de forma segura e relevante em menor tempo.
2.2 OBJETIVOS
Os objetivos gerais e especficos a serem alcanados pelo projeto Nossa histria de Itaja so decorrentes da produo de um web site dinmico e colaborativo, voltado a construo de uma base de dados sobre informaes e imagens relativas a histria da cidade segundo metodologia de (DUTRA, 2007 apud AMBONI, 2005).
2.2.1 Objetivo Geral
O objetivo geral do projeto Nossa histria de Itaja : A criao de sistema capaz de produzir uma base de dados, sobre a histria e cultura da cidade de Itaja, utilizando os preceitos de web sites colaborativos.
2.2.2 Objetivos Especficos
Os objetivos especficos do Projeto Nossa histria de Itaja esto descritos abaixo: a) desenvolver uma base de dados, capaz de armazenar de forma consistente as informaes coletadas atravs do web site;
17
b) produzir uma interface para a aplicao, capaz de facilitar e simplificar o envio de entradas no banco de dados; c) minimizar os custos para o gerenciamento, catalogao e publicao dos contedos referentes ao projeto; d) facilitar o acesso e incluso de pontos de vista particulares dos usurios sobre fatos histricos; e) permitir a participao da comunidade no processo de registro de informaes histricas.
2.3 JUSTIFICATIVA
Catalogar e Publicar imagens e textos de relevncia histrica de uma cidade, um processo lento e muitas vezes dispendioso, a contratao de pessoal especializado para a realizao das tarefas de catalogar e classificar este contedo e a publicao deste material em meios impressos, proporciona uma srie de custos de ordem ambiental e econmica, alm de limitar o acesso a estas informaes. Como exemplificao da importncia da publicao e democratizao do acesso aos arquivos histricos, com a publicao na internet, o autor cita o exemplo do Instituto Oswaldo Cruz, conforme texto publicado no site da instituio:
Exatamente por seu valor histrico e, principalmente, cientfico, o pesquisador acredita que a disponibilizao online deste rico acervo tem grande importncia. At hoje, para ter acesso a todo o conhecimento publicado nas Memrias antes de 1994, era preciso haver uma cpia impressa da coleo numa biblioteca de consulta, normalmente institucional, o que tornava seu alcance muito limitado, afirma. Com a digitalizao e disponibilizao online, qualquer pessoa poder consultar, pela internet, estudos publicados h quase um sculo, o que vai sem dvida enriquecer muito a pesquisa cientfica. O acesso gratuito. (INSTITUTO OSWALDO CRUZ, 2009)
18
O projeto visa oferecer uma base de dados em constante atualizao a um custo reduzido, atravs da participao da prpria comunidade, com envio de textos e fotografias, alm disso, contar com a possibilidade de insero de relatos populares, o que dar a oportunidade aos leitores de conhecerem diferentes pontos de vista, sobre fatos histricos da cidade. A participao dos usurios na produo de contedo um modelo de produo para a web em ascenso e de comprovado sucesso, os chamados sites sociais, marcaram um movimento recente da internet, chamado Web 2.0, a receita de sucesso simples e muito bem exemplificada a seguir:
Imagine se existisse um site que contasse com um exrcito de milhares e milhares de pessoas trabalhando (de graa!) para aperfeio-lo, seja inserindo novos contedos, classificando as notcias mais relevantes, corrigindo informaes erradas, links quebrados e assim por diante. Conseguiu imaginar? Ento acredite, cada vez mais comum esse modelo de sites colaborativos, onde os internautas no visitam as pginas apenas em busca da informao. Agora, eles criam a prpria informao. Esses sites se baseiam fortemente no conceito, cada vez mais comprovado na prtica, de que a inteligncia coletiva nunca superada pela inteligncia de um nico indivduo, por mais genial que este seja. At mesmo a famosa Revista Time surpreendeu a todos no final de 2006 elegendo voc como a personalidade do ano. Em outras palavras, na viso da revista, a revoluo nesta era da informao no provm de algum veculo, mdia ou ferramenta inovadora, mas sim, do trabalho coletivo dos milhes dos usurios da Internet. (IUSUKI, 2007)
Visando a qualidade do contedo publicado, o projeto possui uma interface de moderao comunitria (WIKIPEDIA, 2009), que servir para a filtragem das entradas enviadas pelos utilizadores, que sero disponibilizadas ao pblico apenas aps sua aprovao por um administrador do sistema. A importncia da moderao de contedo ressaltada atravs de artigo publicado na Wikipedia apresentado abaixo:
Nos sites em que expressivo o nmero de usurios capacitados a fazer comentrios ou ir mais alm, carregando contedo, tem-se adotado a moderao comunitria, tambm chamada massiva ou coletiva. o caso das pginas do BR-Linux.org que recebem a mdia de 2.500 comentrios por ms, e da Slashdot, um blog dos Estados Unidos, cujas notcias so fornecidas pelos usurios , com 50 milhes de pginas vistas por ms e centenas de milhares de 19
leitores. Esses sites deram uma soluo diferente mas igualmente criativa para o problema de moderao em larga escala, com alguns pontos em comum: criao de uma hierarquia entre os usurios e a capacitao destes como moderadores. (WIKIPEDIA, 2009)
Buscando maior agilidade no processo de publicao e disponibilizao do contedo, os administradores do sistema, podero eleger alguns colaboradores como colunistas, que tero aprovao pr concedida de todas as suas entradas (WIKIPEDIA, 2009), qualquer usurio do sistema poder ser promovido ao nvel de colunista, baseado em seu histrico de colaboraes e qualidade dos materiais enviados. O fato de toda esta estrutura ser disponibilizada via internet, visa facilitar o acesso de uma grande parcela da populao a estas informaes, antes restritas arquivos e bibliotecas gerenciadas pelo poder pblico ou bibliotecas institucionais (INSTITUTO OSWALDO CRUZ, 2009). A interface do sistema visa ser uma interface usvel e que no faa os utilizadores pensarem, em como deve ser utilizada, evitando que o usurio sinta qualquer tipo de confuso ou distraes desnecessrias.
A questo que, quando estamos usando a Web, cada dvida aumenta o nosso trabalho, distraindo nossa ateno da tarefa que estamos executando. As distraes podem ser pequenas, porm vo se avolumando e, s vezes podem nos confundir. Como regra geral, as pessoas no gostam de ter de descobrir como fazer algo. O fato das pessoas que criaram o site no terem se importado em deixar as coisas bvias e fceis pode diminuir nossa confiana no site e em seus donos. (KRUG, 2006, p.5)
Somente utilizando uma interface usvel o projeto pode conseguir a confiana e a participao de diversos usurios com diferentes conhecimentos de informtica, desde aqueles mais familiarizados at aqueles usurios com pouca familiaridade com web sites.
20
2.4 RESULTADOS ESPERADOS
Criao de um web site dinmico, capaz de disponibilizar uma base de dados sobre fatos histricos e culturais da cidade de Itaja, proporcionando fcil acesso e atualizao constante do contedo. Espera-se que devido a facilidade de publicao proporcionada pelo sistema, uma quantidade grande de pessoas contribua para a ampliao da base de dados.
Do ponto de vista estratgico, esperado que o sistema seja utilizado por diversas pessoas, que pretendam colaborar com o acervo, j que no ser necessrio conhecimentos aprofundados de informtica, em uma viso econmica, espera-se que o projeto possa reduzir custos para a catalogao, arquivamento, publicao e disponibilidade destas informaes (IUSUKI, 2007). Tecnicamente a equipe espera que o projeto oferea aos usurios uma interface usvel, de fcil aprendizagem e que exija uma pequena curva de aprendizado para sua utilizao, valendo-se de convenes do desenvolvimento de interfaces web para minimizar esta curva (2006). Segundo Steve Krug, especialista em usabilidade de web sites a utilizao de convenes muito importante para garantir a usabilidade de um projeto baseado na web.
Todas as convenes nascem como uma brilhante ideia de algum. Se essa ideia funcionar suficientemente bem, outros sites a imitam e acaba que um nmero suficiente de pessoas a vem em um nmero suficiente de lugares para que no seja necessria explicao sobre ela. Este processo de adoo leva tempo, mas acontece rapidamente na internet, como tudo mais. Por exemplo, um nmero suficiente de pessoas est familiarizado com a conveno de usar um carrinho de compras metafrico em sites de comrcio eletrnico, de forma que seguro para os projetistas usar um cone de carrinho de compras sem precisar colocar um rtulo Carrinho de compras (KRUG, 2006, p. 17)
O projeto tem por objetivo a disponibilizao de uma grande quantidade de informaes histricas e culturais sobre a cidade, de forma fcil e gratuita, alm de buscar minimizar o impacto ambiental causado pela impresso e distribuio de uma publicao deste porte atravs de meios convencionais impressos.
21
2.5 COLETA E INTERPRETAO DE DADOS
O projeto Nossa histria de Itaja trata do desenvolvimento de um novo produto, portanto, a soluo a ser desenvolvida foi baseada em observaes referentes a projetos semelhantes e aos problemas que levaram a escolha do tema do projeto.
O projeto visa atender uma srie de necessidades que proporcionaro uma soluo completa ao problema identificado na definio e escopo do mesmo. Problema Identificado: Escassez de informaes referentes a temas histricos da cidade disponibilizada em meio online. Soluo Proposta: Construo e desenvolvimento de web site especfico para a disponibilizao de informaes referentes e relevantes a histria do municpio. Problema Identificado: Descentralizao de informaes encontradas referentes aos temas histricos do municpio. Soluo Proposta: Centralizao da publicao de imagens, artigos e relatos em um nico web site, sob superviso de uma equipe responsvel. Problema Identificado: Altos custos para manuteno de equipe para a produo, catalogao, publicao e gerenciamento de acervos histricos. Soluo Proposta: Pulverizao destas responsabilidades entre a equipe de administrao e a comunidade, atravs de um modelo de site baseado na colaborao. Problema Identificado: Escassez de relatos extra-oficiais relevantes sobre fatos histricos, perpetuando as verses oficiais disponibilizadas. Soluo Proposta: Desenvolvimento de web site capaz de coletar relatos produzidos pela populao sobre fatos histricos e permitindo a publicao de diversas verses e interpretaes diferentes sobre um mesmo tema.
22
Problema Identificado: Indisponibilidade de acesso online aos acervos histricos da cidade, limitando o acesso ao acervo para pesquisadores distantes da localizao geogrfica do mesmo. Soluo Proposta: Publicao atravs do web site das informaes, permitindo a indexao destas informaes para acesso simplificado atravs motores de busca.
23
3 ANLISE DO PROJETO
3.1 ESTUDO DE NECESSIDADES PLANEJAMENTO DE ATIVIDADES
Visando dividir o processo de desenvolvimento do projeto em partes menores, para um gerenciamento facilitado das tarefas necessrias para a produo (DUTRA, 2007), o autor elaborou o seguinte planejamento de atividades.
3.1.1 Etapa 1 Definies
Nesta etapa do planejamento sero realizadas definies gerais sobre as atividades de desenvolvimento do projeto, atividades desta etapa descritas abaixo: a) definio das funcionalidades do sistema; b) estruturao conceitual da base de dados; c) definio das tecnologias, softwares e linguagens de programao necessrias; d) definio dos recursos materiais, humanos e financeiros necessrios.
3.1.2 Etapa 2 Concepo
Nesta etapa do desenvolvimento do projeto, a equipe desenvolver projetos piloto da interface e da base de dados, enumerao das atividades abaixo: a) desenvolvimento do layout; b) concepo do logotipo da aplicao;
24
c) implementao lgica da base de dados.
3.1.3 Etapa 3 Produo
Durante a etapa de produo, a equipe desenvolvera as funcionalidades do sistema atravs da produo dos scripts e telas do sistema, definio das etapa de produo abaixo: a) desenvolvimento dos scripts de cadastramento; b) desenvolvimento dos scripts de autenticao; c) desenvolvimento dos scripts de publicao; d) desenvolvimento dos scripts de moderao.
3.1.4 Etapa 4 Otimizao
O desenvolvimento do projeto passar nesta etapa por uma srie de testes, estes visam a conformidade do projeto segundo os objetivos tcnicos, listados a seguir: a) teste de usabilidade; b) testes de performance; c) otimizao baseada no resultado dos testes; d) reaplicao dos testes; e) correes necessrias.
25
3.1.5 Etapa 5 Publicao
Nesta etapa a equipe de desenvolvimento do projeto realizar a publicao e validao do projeto em ambiente online, abaixo lista de atividades desta etapa: a) publicao do projeto; b) validao do projeto com usurios; c) ajustes necessrios; d) concluso.
3.2 ESTUDO DE RECURSOS MOBILIZADOS
Visando uma definio confivel dos recursos necessrios para o desenvolvimento do projeto Nossa histria de Itaja, o autor realizou o seguinte estudo de recursos mobilizados para a produo (DUTRA, 2007). Considerando os recursos materiais e humanos necessrios, alm dos recursos financeiros essenciais para custe-los temos o seguinte cenrio.
Previso Oramentria (ANUAL) : R$83.500,00 Humanos Quantidade Custo mensal Programador PHP / MySQL 1 R$ 2.800,00 Web Designer 1 R$ 1.500,00 Encargos Trabalhistas R$ 1.593,92 Vale Transporte Unitrio (R$ 250,00) 2 R$ 500,00 Total Mensal R$ 5.893,62 Material Quantidade Custo PC Programador 1 R$ 2.200,00 PC Web Designer 1 R$ 2.600,00 Licena Adobe Photoshop CS5 (PC Web Designer) 1 R$ 2.600,00 Licena Windows XP Professional (PC Web Designer) 1 R$ 450,00 Servidor Web(UOL Host Mensal R$ 16,90) 1 R$ 202,80 Conexo com Internet, Energia Eltrica, Telefone e Provedor R$ 4.800,00 1 de Banda Larga, Papis e Canetas (Mdia Mensal R$ 400,00) QUADRO 1 Recursos mobilizados - Nossa Histria de Itaja. Fonte: Adaptado (DUTRA, 2007)
26
Os valores descritos no QUADRO 1, representam valores previstos para o desenvolvimento do projeto durante o perodo de 1 ano, o prazo previsto para o desenvolvimento e entrega de 75 dias, representando um total de R$ 17.157,75 necessrios para a produo. Os valores previstos neste estudo so apenas relativos a produo do sistema web, os valores referentes a moderao de contedo e administrao do site no foram considerados.
3.3 ESTUDO DE VIABILIDADE
Para a anlise de viabilidade do projeto, o autor utiliza o modelo de questionrio / relatrio para um Estudo de Viabilidade proposto na disciplina Gesto de Projetos e Equipes (FACCIONI, 2006), o questionrio apresentado visa contemplar uma srie de questes iniciais com as quais necessrio se preocupar, para a avaliao da viabilidade de um projeto, questes como benefcios, riscos, recursos e prazos so contemplados neste estudo.
Estudo de Viabilidade Nossa histria de Itaja Equipe de Estudo: PIWEB Jos Eduardo Janurio Pereira Itaja, 18 de Julho de 2010 Resumo do projeto (escopo, objetivos, estratgias) Trata-se do desenvolvimento de um web site dinmico e colaborativo para a publicao de informaes histricas e culturais da cidade de Itaja. O site contar com uma interface simples que permitir o envio de contedo atravs de um navegador web e ser aprovada ou no pelos membros da administrao do web site. Benefcios: - quais as vantagens mensurveis que o projeto trar? Descrio: - Organizao e disponibilizao de uma vasta quantidade de contedos em um nico lugar, alm de possibilitar a participao popular na incluso de contedos ao acervo do site, com a responsabilidade de produo de contedo descentralizada e pulverizada entre todos os participantes do projeto, a possibilidade de atualizao dinmica do acervo garantida sem a necessidade de grandes equipes contratadas. - Reduo de custos com equipes responsveis por catalogar, organizar e publicar os dados coletados. Ampliar a disponibilidade da base de dados para consultas online. Descrio:
- quais so os valores comparativos?
Benefcios:
27
- que vantagens intangveis ele trar?
- Utilizao do ambiente online para aquisio e disponibilizao do contedo, maior diversidade de contribuies e maior disponibilidade de pontos de vista sobre temas variados. - Atravs de comparao de prazos e custos de catalogao e publicao de contedo semelhante sem, o advento da estrutura disponvel no projeto.
- como se poder verificar?
Recursos: Descrio: - quais os recursos materiais necessrios para o - Recursos Materiais conforme QUADRO 1. projeto? - esses recursos esto disponveis? - Os recursos humanos encontram-se disponveis, em relao aos recursos materiais, todos esto disponveis. - A disponibilidade de alguns recursos est associada a necessidade de aquisio de licenas e equipamentos.
- em caso negativo possvel obt-los?
Recursos: Descrio: - quais os recursos humanos necessrios para o - Recursos humanos, conforme QUADRO 1. projeto? - essas pessoas esto disponveis para o projeto? - Sim.
- caso no disponveis, h outras pessoas para substitu-las? - Em caso de indisponibilidade de pessoal, poderiam ser contratos profissionais com as capacidade exigidas e conhecimentos necessrios. Custos: Descrio: - considerando os recursos necessrios, quanto - Os valores necessrios para a produo do projeto dinheiro ser necessrio para desenvolver o projeto? considerando um perodo de 75 dias de R$ 17.157,75 - esse montante est disponvel? - Para a obteno destes recursos sero avaliadas parcerias com centros educacionais, com o governo municipal, empresas da regio ou ONGs interessados no tema do projeto. Descrio: - No caso de no haverem investidores ou parceiros interessados no desenvolvimento do projeto, possvel recrutar mo de obra voluntria na categoria de desenvolvedores web e disponibilizar a soluo com divulgao dos parceiros ou a obteno de financiamentos bancrios. Descrio: - O prazo estipulado, segundo normas acadmicas de 2 semestres, o projeto ser desenvolvido durante as disciplinas de PIWEB (Projeto Integrador Web) 1 e 2.
Custos: - h fontes de financiamento?
Prazo: - qual o prazo definido pelo cliente para o projeto?
Prazo: Descrio: - considerando a experincia da equipe, qual o prazo - O desenvolvedor do projeto, possui experincia estimado para o projeto? igual ao pr-definido? prvia em desenvolvimento de sistemas web e o prazo estimado para a concluso do projeto de 75 dias, um prazo menor do que o pr-definido, a equipe utilizar o prazo excedente para realizar melhorias no produto final. Concluses quanto viabilidade do Projeto: 28
O projeto do ponto de vista tecnolgico perfeitamente vivel, o prazo estipulado para a entrega no inviabilizante, quanto aos recursos econmicos hipotticos para a concluso e desenvolvimento do projeto, estes encontram-se 100% disponveis no momento, caso necessitassem de captao real, poderiam ser adquiridos facilmente atravs de financiamento bancrio ou parcerias com empresas locais ou profissionais liberais interessados no desenvolvimento do projeto. Recomendaes: Anexos: QUADRO 2 Questionrio de Viabilidade de Projetos - Nossa histria de Itaja. Fonte: Adaptado de (FACCIONI, 2006, p.124)
O QUADRO 2 demonstra que o projeto proposto perfeitamente vivel segundo o modelo de estudo de viabilidade proposto por (FACCIONI, 2006).
3.4 ESTUDO DE RISCOS
de primordial importncia verificar os riscos envolvidos no processo de desenvolvimento de um projeto, a equipe de desenvolvimento deve considerar os riscos e buscar formas de minimizar estas ameaas que podem inviabilizar a concluso de um projeto. O gerenciamento de riscos segundo (FACCIONI, 2006) um ciclo de atividades constantes que deve ter incio juntamente com o projeto e deve se repetir a cada nova etapa. importante que todos os riscos identificados durante o desenvolvimento, sejam de conhecimento de todos os participantes do projeto, seja para os de nvel inferior, seja para os de nvel superior (DUTRA, 2007). Um slido estudo de riscos em projetos deve contemplar aes de identificao, anlise, aes sobre os riscos e eliminao ou administrao dos riscos envolvidos no projeto. Para a realizao de um slido estudo de riscos, o autor do projeto utiliza um modelo de questionrio proposto por (FACCIONI, 2006) que contempla riscos envolvidos em diferentes categorias, para que a equipe de desenvolvimento possua o melhor conhecimento possvel sobre os riscos envolvidos, e possa planejar de maneira efetiva, formas de minimizar
29
e administrar estes riscos.
Estudo de Riscos Nossa histria de Itaja Equipe de Estudo: PIWEB Jos Eduardo Janurio Pereira Itaja, 18 de Julho de 2010 Resumo do projeto (escopo, objetivos, estratgias) Trata-se do desenvolvimento de um web site dinmico e colaborativo para a publicao de informaes histricas e culturais da cidade de Itaja. O site contar com uma interface simples que permitir o envio de contedo atravs de um navegador web e ser aprovada ou no pelos membros da administrao do web site. Riscos quanto aos benefcios: Descrio: - o cliente tem uma ideia exata do resultado a ser - O cliente espera que o projeto aps a concluso obtido? cumpra certos objetivos propostos na fase de apresentao e planejamento, entre eles agilidade e dinamismo na publicao dos contedos, reduo de custos com a equipe e meios de conseguir a participao popular no processo de produo da base de dados. - ou tem uma ideia aproximada? - Apesar de desconhecer os pormenores do funcionamento do sistema, o cliente tem uma ideia aproximada das funcionalidades que sero disponibilizadas juntamente com o projeto. - Ser possvel mensurar os benefcios atravs de comparaes referentes ao tempo gasto para a publicao antes e depois do sistema, caso a populao no tenha uma participao ativa na produo de contedo, a tarefa de produzir inicialmente a base de dados, poder ficar a cargo da equipe responsvel pela administrao do sistema, o que pode resultar em uma avaliao de retorno e benefcios no muito evidente por parte do cliente. Descrio: - A participao da comunidade depender apenas do interesse da mesma, caso no haja uma campanha de divulgao e incentivos a participao popular, caso contrrio a participao em um primeiro momento, poder ser aqum do esperado, gerando a necessidade de contratao de pessoal para alimentar a base de dados e oferecer contedo aos visitantes no incio do projeto. Isso poderia minimizar as vantagens e qualidades da ferramenta. - Impacto Alto. Descrio: - No foram contemplados pelo oramento, equipamentos reservas, apesar de os recursos necessrios para a produo do projeto serem de fcil aquisio. - O oramento no contempla pessoal de reserva, as
- possvel medir os benefcios?
Risco quanto aos benefcios: - qual a probabilidade deste tipo de riscos?
- qual o seu impacto? Risco quanto aos recursos: - h equipamentos de reserva?
30
- h pessoal de reserva?
tecnologias envolvidas no desenvolvimento do projeto so muito difundidas o que facilitaria a contratao de um profissional capaz de continuar o processo de produo. - A equipe constituda possui pleno conhecimento em relao todas as tecnologias empregadas. Descrio: - A probabilidade de ameaas relativas aos equipamentos relativamente baixa, se for considerado o tempo de execuo do projeto e a garantia fornecida juntamente com os equipamentos, em caso de problemas de origem tcnica a garantia dos equipamentos cobriria a substituio ou conserto dos equipamentos. - Impacto Mdio Descrio: - No foram consideradas reservas no oramento.
- a tecnologia empregada inteiramente conhecida? Riscos quanto aos recursos: - qual a probabilidade desse tipo de riscos?
- qual o seu impacto? Riscos quanto aos custos: - o financiamento de todo o projeto est garantido? - h um montante de reserva? Riscos quanto aos custos: - qual a probabilidade deste tipo de riscos?
Descrio: - Podem faltar recursos em caso de necessidade de contratao de profissionais adicionais ou aquisio de equipamentos reserva. A probabilidade deste risco se concretizar pequena. - Impacto Mdio.
- qual o seu impacto? Riscos quanto ao prazo: Descrio: - h fatores internos ou externos, no considerados, - Em caso de erros conceituais no projeto, seriam que podem afetar o prazo do projeto? necessrias medidas corretivas que envolveriam a modificao de etapas j produzidas e concludas, exigindo a reviso de diversas etapas da produo. Riscos quanto ao prazo: - a equipe de projeto experiente? Descrio: Os profissionais selecionados possuem conhecimentos intermedirios na utilizao de todas as tecnologias, softwares e equipamentos necessrios ao desenvolvimento do projeto, a contratao de profissionais mais experientes ir incorrer maiores custos ao oramento. Descrio: - O atraso no cronograma de produo do projeto pode acarretar no fracasso do projeto completo, considerando que a probabilidade deste risco pequena, devido ao prazo de produo ser inferior ao prazo estipulado para a produo, seria necessrio um grande atraso para que houvesse a inviabilizao do projeto. - Impacto Alto.
Riscos quanto ao prazo: - qual a probabilidade deste tipo de riscos?
- qual seu impacto? Lista dos 10 riscos mais importantes: - Erro na concepo estrutural do software.
31
Erro no dimensionamento do hardware servidor da aplicao. Diminuio de tempo disponvel para o desenvolvimento. Baixa performance da aplicao no ambiente online. Falhas de segurana na concepo da ferramenta. Atraso no desenvolvimento. Base de Dados escassa. Falha na integrao entre lgica e base de dados. Capacidade tcnica da equipe superestimada. - Complexidade de determinados mdulos subestimada. Podemos conviver com eles? Os riscos de ordem conceitual podero ser sanados com a reviso de etapas anteriores e sua necessria reestruturao, os riscos operacionais (performance e segurana) podem ser contornados durante a fase de testes. possvel atenu-los? Uma slida estruturao do desenvolvimento e comprometimento da equipe pode amenizar e minimizar riscos referentes aos prazos. J os riscos de ordem tcnica conceitual podem ser minimizados com a implementao de solues conhecidas pela equipe de desenvolvimento e ou de conhecimento pblico. possvel evit-los? Os riscos conceituais podero ser evitados se durante a etapa inicial de definio das funcionalidades a equipe optar por utilizar solues que empreguem mtodos e conceitos familiares aos desenvolvedores, alm de visar criar estruturas minimalistas e focadas na real necessidade da aplicao. Em alternativa a falta de recursos financeiros pode-se optar apenas por tecnologias e softwares de cdigo aberto e distribudos sob licena GNU Public License (GPL). Em relao aos riscos referentes ao prazo de produo do projeto, possvel estudar solues desenvolvidas pela comunidade sob cdigo aberto e realizar o reaproveitamento de cdigo ou basear as solues em lgica amplamente testada e constantemente revisada, modificando-a para a obteno dos objetivos determinados. Concluses quanto aos riscos do projeto: Considerando no haverem riscos e probabilidades simultaneamente altos, podemos considerar o projeto como sendo de risco mdio. Recomendaes: Anexos: QUADRO 3 Questionrio de Estudo de Riscos de Projetos Nossa histria de Itaja. Fonte: Adaptado de (FACCIONI, 2006, p.132).
O projeto Nossa histria de Itaja foi considerado um projeto de riscos mdios, de acordo com as avaliaes realizadas segundo modelo de questionrio proposto por (FACCIONI, 2006), o que garante que atravs de uma administrao constante dos riscos, possvel minimizar e administrar os riscos referentes a natureza do projeto. Baseado nos estudos e avaliaes referentes aos riscos, viabilidade, recursos e atividades previstas, evidente a viabilidade do projeto (DUTRA, 2007).
32
4 PLANEJAMENTO DE PROJETO
4.1 PLANO DE TRABALHO
Tendo por base os levantamentos realizados nos estudos de recursos, riscos e viabilidade, o autor definiu o seguinte plano de trabalho para o projeto Nossa histria de Itaja, possvel acompanhar abaixo informaes detalhadas do plano de trabalho de acordo com o fluxo de atividades, detalhamento das atividades e cronograma de atividades.
4.1.1 Fluxo de Atividades
O fluxo de atividades inerentes ao projeto descrito conforme QUADRO 4.
Etapa 1 - Definies Definio das funcionalidades bsicas do sistema Estruturao Conceitual da Base de Dados Definio de Softwares, Linguagens e Tecnologias necessrias Definio de Recursos Financeiros e Materiais Documentao Etapa 2 Conceituao Desenvolvimento do layout da aplicao Desenvolvimento do Logotipo da Aplicao Implementao Lgica da Base de Dados Documentao Etapa 3 - Produo Desenvolvimento dos scripts (cadastramento, publicao e moderao) Documentao Etapa 4 Otimizao Testes de Usabilidade Testes de Performance Otimizao do sistema de acordo com os testes
Prazo Estimado 9 dias 3 dias 3 dias 2 dias 3 dias 1 dia Prazo Estimado 6 dias 4 dias 6 dias 3 dias 1 dia Prazo Estimado 51 dias 51 dias 2 dias Prazo Estimado 10 dias 10 dias 10 dias 10 dias
33
Validao do Sistema Documentao Etapa 5 Publicao Publicao do sistema
10 dias 2 dias 11 dias
Documentao 11 dias QUADRO 4 Lista de Atividades - Nossa histria de Itaja. Fonte: Adaptado de (DUTRA, 2007)
Para a melhor compreenso das atividades planejadas na fase de desenvolvimento do projeto, segue uma descrio sucinta das atividades abaixo: a) Primeira Etapa: Definies sobre o funcionamento do sistema e funcionalidades a serem implementadas, recursos necessrios e custos envolvidos, alm da conceituao da base de dados necessria de acordo com as definies; b) Segunda Etapa: Produo da identidade visual do aplicativo, alm de implementao lgica das tabelas e campos necessrios na base de dados; c) Terceira Etapa: Produo dos scripts definidos na primeira etapa e adequao dos mesmos a base de dados; d) Quarta Etapa: Testes dos scripts desenvolvidos na terceira etapa, verificaes de performance e melhoria das funcionalidades determinadas na primeira etapa; e) Quinta Etapa: Aps as correes realizadas na quarta etapa, publicao e entrega do projeto.
34
4.1.2 Detalhamento das Atividades
Com uma definio mais refinada das tarefas envolvidas na produo, o gestor do projeto tem maiores recursos para realizar o acompanhamento constante e gerenciamento de todo o processo de desenvolvimento de um projeto (DUTRA, 2007). Abaixo so apresentadas de forma mais detalhada, as tarefas com uma estimativa de recursos necessrios para a concluso de cada uma das etapas, o modelo utilizado baseado na metodologia proposta por (DUTRA, 2007), onde a estimativa de recursos, apresenta valores baseados na lista de atividades e recursos necessrios em intervalos mensais.
Ms Julho
Recursos - Pessoal da Equipe - Computadores e Licenas - Servios Condominiais - Pessoal da Equipe - Computadores e Licenas - Servidor Web - Servios Condominiais
Custos - R$ 5.893,62 - R$ 7.850,00 - R$ 400,00 - R$ 5.893,62 - R$ 0,00 - R$ 16,90 - R$ 400,00
Agosto
- Pessoal da Equipe - R$ 5.893,62 - Computadores e Licenas - R$ 0,00 - Servidor Web - R$ 16,90 - Servios Condominiais - R$ 400,00 QUADRO 5 Atividades, custos mensais e recursos Nossa histria de Itaja. Elaborao do autor.
Setembro
4.1.3 Cronograma das Atividades
Para um melhor gerenciamento do andamento do projeto, o autor desenvolveu um Grfico de Gantt onde so apresentados conjuntos de atividades dentro do calendrio de execuo programado para o projeto Nossa histria de Itaja (DUTRA, 2007). De acordo com a metodologia empregada na construo deste tipo de grfico, as atividades de desenvolvimento so representadas por barras horizontais dispostas no eixo
35
vertical, que se estendem por perodos equivalentes aos prazos previstos para a sua execuo no contexto do calendrio de desenvolvimento do projeto. Utilizando um plano cartesiano, no eixo x ou o eixo horizontal, dever ser expresso os intervalos do calendrio, neste caso os dias previstos para a concluso de cada tarefa, e no eixo y ou eixo vertical, so representadas as tarefas a serem desenvolvidas. No momento inicial do projeto, cada uma das tarefas previstas no desenvolvimento do projeto devero receber duas barras, na primeira dever ser representado o prazo estimado para a execuo de uma tarefa e na outra barra ser realizado o acompanhamento da execuo durante a produo (DUTRA, 2007). Esta abordagem permite ao gestor uma clara identificao de atrasos e dificuldades ocorridas durante a execuo do projeto, permitindo uma rpida tomada de deciso e aplicao de medidas corretivas e verificao de gargalos no processo de desenvolvimento (DUTRA, 2007). Para a construo do grfico de acompanhamento das atividades ser utilizado a lista de atividades demonstrada no QUADRO 4. Verificando os prazos estimados para a execuo das tarefas apresentados no QUADRO 4 de forma linear, o prazo para a entrega do projeto seria de 143 dias o que tornaria o projeto invivel. Atravs do grfico possvel identificar atividades que dependem da concluso de uma outra etapa e quais podem ser desenvolvidas paralelamente outras, adequando assim as tarefas e suas duraes ao calendrio definido para a produo do projeto (DUTRA, 2007). Com uma correta definio de interdependncia entre as tarefas possvel minimizar os prazos de espera e otimizar o desenvolvimento do projeto, evitando gargalos na produo.
36
Para melhor compreenso do cronograma estipulado para o desenvolvimento das atividades do projeto, vide GRFICO 1.
19/07/10 Definies Conceituao da Base de Dados Definio Tecnolgica Definio de Recursos Documentao Desenvolvimento Logotipo Desenvolvimento Layout Produo Banco de Dados Documentao Produo Scripts Documentao Testes Usabilidade Testes Performance Otimizao do Sistema Validao Documentao Entrega e Documentao
29/07/10
08/08/10
18/08/10
28/08/10
07/09/10
17/09/10
27/09/10
GRFICO 1 Grfico de Gantt Nossa histria de Itaja - Cronograma Previsto Fonte: Elaborao do autor.
O GRFICO 1 demonstra a previso das atividades de desenvolvimento do projeto, possvel notar que uma srie de atividades sero desenvolvidas paralelamente outras, otimizando assim, o desenvolvimento em relao ao prazo estipulado para a concluso do projeto.
4.2 EQUIPES DE TRABALHO
Como forma de otimizar a realizao das atividades e cumprir os prazos determinados para o projeto, a equipe de desenvolvimento, recebeu diferentes atribuies de tarefas e responsabilidades que podem ser verificadas nos quadros a seguir.
37
4.2.1 Diviso de Tarefas
A descrio da diviso de tarefas do projeto segue descrita atravs do QUADRO 6 abaixo.
Etapas do Desenvolvimento Nossa histria de Itaja Etapa 1 - Definies Definio das funcionalidades bsicas do sistema Estruturao Conceitual da Base de Dados
Recursos Necessrios por tarefa
Papel e Caneta Papel e Caneta
Definio de Softwares, Linguagens e Tecnologias Papel e Caneta necessrias Definio de Recursos Financeiros e Materiais Documentao Etapa 2 Conceituao Desenvolvimento do layout da aplicao Desenvolvimento do Logotipo da Aplicao Implementao Lgica da Base de Dados Documentao Etapa 3 - Produo Desenvolvimento dos publicao e moderao) scripts (cadastramento, Computadores Windows e Linux, Softwares: Apache, MySQL, Notepad++ (Windows), Adobe Photoshop, PhpMyAdmin, Mozilla Firefox, Apple Safari, Opera, Netscape, IE Tester, Google Chrome. Computador com Software Editor de Textos Computadores Windows e Linux, Softwares: Apache, MySQL, Notepad++ (Windows), Adobe Photoshop, PhpMyAdmin, Mozilla Firefox, Apple Safari, Opera, Netscape, IE Tester, Google Chrome. Servidor Web, Computadores Windows e Linux, Softwares: Apache, MySQL, Notepad++ (Windows), Adobe Photoshop, PhpMyAdmin, Mozilla Firefox, Apple Safari, Opera, Netscape, IE Tester, Google Chrome. Servidor Web, Computadores Windows e Linux, Softwares: Apache, MySQL, Notepad++ (Windows), Adobe Photoshop, PhpMyAdmin, Mozilla Firefox, Apple Safari, Opera, Netscape, IE Tester, Google Chrome. Servidor Web, Computadores Windows e Linux, Softwares: Apache, MySQL, Notepad++ (Windows), Adobe Photoshop, PhpMyAdmin, Mozilla Firefox, Apple Computador com Software Adobe Photoshop Computador com Software Adobe Photoshop Computador com Software MySQL Computador com Software Editor de Textos Computador com Software Editor de Planilhas. Computador com Software Editor de Textos
Documentao Etapa 4 Otimizao Testes de Usabilidade
Testes de Performance
Otimizao do sistema de acordo com os testes
Validao do Sistema
38
Safari, Opera, Netscape, IE Tester, Google Chrome. Documentao Etapa 5 Publicao Publicao do sistema Servidor Web, Computador com Software FTP Documentao Computador com Software Editor de Textos QUADRO 6 Diviso de Tarefas com estimativa de recursos Nossa histria de Itaja. Fonte: Elaborao do autor. Computador com Software Editor de Textos
O QUADRO 6, fornece um maior detalhamento dos recursos necessrios para que a equipe planeje suas aes, assim como possibilitam ao gestor do projeto um melhor controle sobre a aquisio e disponibilizao dos recursos necessrios em cada fase do desenvolvimento (DUTRA, 2007).
4.2.2 Diviso de Responsabilidades
A realizao de uma diviso de responsabilidades entre os integrantes da equipe, segundo (DUTRA, 2007) tende a otimizar o trabalho individual, pois o indivduo sabe que ser cobrado pelo cumprimento da tarefa. O autor do projeto Nossa histria de Itaja definiu a seguinte diviso de responsabilidades em relao as etapas de produo, conforme QUADRO 7 abaixo.
Etapas do Desenvolvimento Nossa histria de Itaja Etapa 1 - Definies Definio das funcionalidades bsicas do sistema Estruturao Conceitual da Base de Dados
Responsvel Tcnico pela Tarefa Programador / Gestor do Projeto Programador
Definio de Softwares, Linguagens e Tecnologias Programador / Web Designer necessrias Definio de Recursos Financeiros e Materiais Documentao Etapa 2 Conceituao Desenvolvimento do layout da aplicao Desenvolvimento do Logotipo da Aplicao Implementao Lgica da Base de Dados Documentao Etapa 3 - Produo 39 Web Designer Web Designer Programador Gestor do Projeto Gestor do Projeto Gestor do Projeto
Desenvolvimento dos scripts (cadastramento, publicao e Programador / Web Designer moderao) Documentao Etapa 4 Otimizao Testes de Usabilidade Testes de Performance Otimizao do sistema de acordo com os testes Validao do Sistema Documentao Etapa 5 Publicao Publicao do sistema Programador / Web Designer Documentao Gestor do Projeto QUADRO 7 Diviso de Responsabilidades Nossa histria de Itaja. Fonte: Elaborao do autor. Web Designer Programador / Web Designer Programador / Web Designer Programador / Web Designer/ Gestor do Projeto Gestor do Projeto Gestor do Projeto
Como possvel verificar atravs do QUADRO 7, algumas tarefas so de responsabilidade individual, enquanto outras exigem um trabalho em conjunto, como por exemplo os Testes de Performance que exigiro correes e medies de diferentes aspectos do web site, como requisies Hypertext Transfer Protocol (HTTP), tamanho dos scripts server-side e client-side e tempo de execuo, exigindo que cada um dos profissionais, realize otimizaes em seus respectivos cdigos, visando uma melhoria global do projeto, assim as tarefas podem ser realizadas paralelamente minimizando a utilizao de tempo para a concluso da etapa em questo.
40
5 EXECUO DO PROJETO
5.1 RELATRIOS PARCIAIS DE EXECUO
Os relatrios parciais de desenvolvimento do projeto Nossa histria de Itaja foram desenvolvidos ao trmino de cada uma das etapas de desenvolvimento, visando um melhor controle e acompanhamento do rumo do projeto segundo escopo definido.
5.1.1 Relatrio de Acompanhamento Etapa 1
Conforme planejamento previamente descrito, a Etapa 1 do desenvolvimento consistia na realizao de 5 atividades propostas, de acordo com o cronograma demonstrado no Grfico de Gantt vide GRFICO 1, a etapa 1 tinha um prazo estabelecido de 9 dias. A primeira atividade da Etapa 1, consistia na definio das funcionalidades bsicas do sistema, o autor definiu nesta etapa, as seguintes funcionalidades a serem possibilitadas pelo projeto: a) Cadastramento de Usurios: Foi definido que o cadastramento seria o mais simplificado possvel, com poucas exigncias em relao as informaes dos usurios, para (ALVES JUNIOR, 2006) O registro deve ser o mais rpido possvel e com o mnimo de campos[...] o usurio tem que se registrar em um monte de servios toda semana; portanto, no faa do seu formulrio de registro uma tortura. Definiu-se que o cadastramento seria realizado atravs da escolha de um nome de usurio, que utilizado para a autenticao no sistema, uma senha de acesso, a confirmao da senha de acesso, um endereo de email vlido, que ser utilizado para a recuperao da
41
senha de acesso, alm da escolha do sexo do usurio, que possui a utilidade de definir uma imagem de exibio padro para os sexos nos perfis dos usurios. As entradas inseridas pelo usurio sero verificadas por um script client-side, baseado na biblioteca jQuery, a seguir uma breve explanao sobre jQuery e suas funcionalidades.
jQuery uma biblioteca JavaScript criada por John Resig e disponibilizada como software livre e aberto, ou seja, de emprego e uso regido segundo licena conforme as regras estabelecidas pelo MIT (Massachussets Institute of Technology) e pelo GPL (GNU General Public License). Isto, resumidamente, significa que voc pode usar a biblioteca gratuitamente tanto para desenvolver projetos pessoais como comerciais.[...] jQuery destina-se a adicionar interatividade e dinamismo s pginas web, proporcionando ao desenvolvedor funcionalidades necessrias criao de scripts que visem incrementar, de forma progressiva e no obstrutiva, a usabilidade, a acessibilidade e o design, enriquecendo a experincia do usurio. (SILVA, 2010. p23-25)
O script realizar uma verificao local, comunicando qualquer inconsistncia no preenchimento do formulrio, para a correo antes da submisso do formulrio ao servidor, visando minimizar as requisies ao mesmo. Aps o preenchimento do formulrio e sua submisso, um script server-side deve refazer esta verificao, alm da checagem da base de dados em busca de nomes de usurios e endereos de email em duplicidade, aps as verificaes realizadas no servidor o script exibe se foi possvel ou no cadastrar o novo usurio; b) Modificao da senha de acesso de usurio: Esta funcionalidade de modificao foi atribuda a senha de acesso, para aumentar o nvel de segurana dos usurios, que podero se assim desejarem, modificar periodicamente suas senhas de acesso; c) Recuperao de senha de acesso: A recuperao da senha de acesso, visa permitir que os usurios que por ventura tenham se esquecido de suas senhas, possam receber uma mensagem do servidor com sua senha e nome de usurio para acesso, esta funcionalidade tem o objetivo eliminar a
42
ocorrncia de cadastrados duplicados de usurios que percam, ou esqueam seus dados de acesso ao sistema; d) Edio do Perfil de Usurio: O autor do projeto definiu que aps a realizao do cadastramento, o usurio deveria inserir maiores informaes, que so exibidas juntamente com os materiais enviados para o site, foi definido pela equipe, que um usurio s teria acesso total as funcionalidades do sistema aps passar por esta etapa, na edio de perfil, o usurio dever informar alguns dados como, nome completo, profisso, cidade e estado onde nasceu, cidade e estado onde reside e uma breve biografia. Para uma maior personalizao dos perfis de usurios, foi definida a opo de envio de uma imagem personalizada de exibio. Este formulrio de edio foi definido como permanente, permitindo que usurio atualize seus dados a qualquer momento; e) Painel de Controle: Ficou definido pela equipe que todas as funcionalidades de envio de contedo e interao fossem agrupadas em um painel de controle, onde o usurio teria ferramentas para o envio de artigos, relatos e imagens, alm de poder realizar a edio e excluso de materiais enviados. Atravs do painel de controle o usurio tem disponvel todas as ferramentas de publicao de contedo alm de poder gerenciar suas mensagens, recebidas e enviadas; f) Interao: Visando a interao entre os participantes do sistema, foi definido que cada usurio poderia enviar e receber mensagens entre si, estas mensagens so gerenciadas pelo prprio usurio que possui ferramentas para a aprovao ou no das mensagens recebidas;
43
g) Moderao do Contedo: O sistema foi implementado visando uma filtragem das entradas enviadas pelos usurios, para isso ficou definido que qualquer entrada enviada por um usurio s seria publicada aps a aprovao de um administrador (WIKIPEDIA, 2009).
Nesta etapa, foram definidas ferramentas de controle para artigos, relatos e imagens, alm dos privilgios concedidos aos diferentes nveis de usurios, que so: a) autores colaboradores; b) autores colunistas; c) autores administradores. Definiu-se que todas as entradas de autores colaboradores deveriam ser aprovadas pela administrao do sistema, para usurios de nvel autor colunista, definiu-se a publicao pr-aprovada de contedos e os autores administradores deveriam ter aprovao de entradas alm de ferramentas para verificao de todas as outras entradas. A primeira atividade da Etapa 1, prevista para ser realizada em 3 dias, foi concluda em 2 dias. A segunda atividade da Etapa 1, consistia na estruturao conceitual da base de dados, esta atividade foi realizada juntamente com a definio das finalidades bsicas do sistema, nesta atividade foram definidas que o banco de dados deveria ter as seguintes tabelas para armazenamento de dados: a) usurios - Tabela responsvel pelo armazenamento das informaes dos usurios; b) mensagens - Tabela responsvel pelo armazenamento de informaes referentes as mensagens enviadas e recebidas pelos usurios do sistema; c) artigos - Tabela responsvel pelo armazenamento de informaes relativas aos artigos; d) relatos - Tabela semelhante a artigos com a finalidade de armazenar os
44
dados dos artigos submetidos; e) galeria - Tabela responsvel pelo armazenamento de dados referentes as imagens; f) pginas - Tabela responsvel pelo armazenamento de dados referentes a pginas dinmicas do sistema. Como esta atividade visava apenas a conceituao da base de dados; e no seus detalhes, foi prontamente concluda ao fim das definies das funcionalidades bsicas do sistema, a atividade era prevista para a realizao em 3 dias e foi concluda em 2 dias. A terceira atividade prevista na Etapa 1, consistia em definir as linguagens, softwares e tecnologias necessrias para a produo do projeto. As escolhas foram feitas visando uma produtividade otimizada, por isso a equipe selecionou as linguagens, softwares e tecnologias que possuam uma maior familiaridade. As linguagens selecionadas para a produo do projeto foram: a) php, para a produo dos scripts server-side; b) xhtml, para a marcao dos hipertextos; c) css, para a estilizao da interface do aplicativo; d) javascript, para a produo dos scripts client-side. Os softwares selecionados para a produo e documentao do projeto foram: a) adobe photoshop - Para a edio e produo de imagens e componentes da interface; b) notepad++ - Para a edio e produo da codificao dos scripts, hipertextos e folhas de estilo Cascading Style Sheets (CSS); c) broffice.org - Para a documentao das etapas do projeto; d) apache - Para a realizao de testes locais do sistema e scripts; e) mysql - Para realizar a tarefa de gerenciamento e provimento da base de dados; f) phpmyadmin - Para realizar a tarefa de gerenciamento simplificado da
45
base de dados; g) smartftp - Para o envio dos materiais para o servidor Web; h) windows - Para testes locais de navegadores e utilizao dos programas Adobe Photoshop e Notepad++. Esta atividade tinha a previso de ser concluda em 2 dias, sendo finalizada no primeiro dia, juntamente com as definies das funcionalidade bsicas do sistema. A quarta atividade prevista na Etapa 1, consistia no levantamento dos recursos necessrios para a produo do projeto, esta atividade havia sido realizada anterior durante a anlise de viabilidade do projeto conforme dados contido no QUADRO 1. O cronograma aps a concluso desta etapa demonstrado no GRFICO 2 abaixo.
19/07/10 Definies Conceituao da Base de Dados Definio Tecnolgica Definio de Recursos Documentao Desenvolvimento Logotipo Produo Banco de Dados Produo Scripts Testes Usabilidade Otimizao do Sistema Documentao
29/07/10
08/08/10
18/08/10
28/08/10
07/09/10
17/09/10
27/09/10
GRFICO 2 Grfico de Gantt atualizado aps a concluso da primeira etapa do Projeto. Fonte: Elaborao do autor.
46
A primeira atividade prevista para esta Etapa, visava o desenvolvimento do logotipo e layout da aplicao, nesta atividade o Web Designer realizou pesquisas sobre tendncias visando a produo de um modelo de acordo com as melhores prticas da atividade, o logotipo foi desenvolvido em 4 dias. A produo de um layout em Extensible Hipertext Markup Language (XHTML) e CSS foi desenvolvido para permitir uma organizao das sees e ferramentas estabelecidas na etapa anterior, imagem referente a esta etapa do processo de produo, pode ser visualizada na Ilustrao 1 - Modelo de layout da aplicao. Quanto as vantagens da utilizao de CSS para a estilizao de documentos de hipertexto (SOMERA, 2006) afirma:
A Cascading Style Sheet (CSS) uma ferramenta utilizada para a construo da aparncia de pginas para Web. Permite o uso de uma tcnica diferente da convencional (HTML puro), possibilitando uma considervel reduo no tempo de trabalho.[...] Mas afinal, o que CSS? Trata-se de uma linguagem para os estilos que definem o layout de documentos HTML controlando, por exemplo, fontes, cores, margens, linhas, alturas, larguras, imagens de fundo e posicionamentos.[...] A linguagem HTML tambm pode ser usada para definir o layout de web-sites. Contudo, a CSS proporciona mais opes, mais precisa e sofisticada, alm de ser suportada pela maioria dos navegadores atuais. (SOMERA, Guilherme. 2006. p 10)
Esta atividade sofreu um atraso de 1 dia, que foi facilmente contornado devido ao adiantamento do projeto em relao ao cronograma, conseguido na primeira etapa. Aps a produo do projeto piloto do layout da aplicao, a equipe chegou ao modelo de layout apresentado a seguir.
47
Ilustrao 1 Modelo de layout da aplicao, 2010. Fonte: Elaborao do autor. 48
Nesta Etapa foi desenvolvida a base de dados de acordo com a informaes que precisavam ser armazenadas, foram criadas as tabelas e seus respectivos campos, esta etapa foi concluda em dois dias antes do prazo previsto no cronograma. Abaixo uma exemplificao da base de dados construda para o projeto, com as respectivas tabelas e campos implementados, assim como o cronograma atualizado aps esta etapa, disponvel no GRFICO 3 a seguir.
Estrutura Base de Dados Nossa Histria de Itaja Tabela Campos - id - nome de usurio - senha - email - nome completo - sexo - profisso - cidade natal - estado natal - cidade atual - estado atual - biografia - status de usurio - perfil completo - imagem - data do cadastro - id - id do remetente - nome do remetente - id do destinatrio - nome do destinatrio - texto da mensagem - data de envio da mensagem - aprovao da mensagem - id - id do autor - nome do autor - ttulo do artigo - tema do artigo - texto do artigo - data de publicao - aprovao de artigo - id - endereo da imagem - ttulo da imagem - autor da imagem - local onde a imagem foi produzida - ano em que a imagem foi produzida - id do responsvel pelo envio 49
Usurios
Mensagens
Artigos
Galeria de Imagens
- nome do responsvel pelo envio - data do envio da imagem - aprovao da imagem - id - id do autor - nome do autor - ttulo do relato - tema do relato - texto do relato - data de publicao - aprovao do relato
Relatos
- id - ttulo da pgina - contedo da pgina QUADRO 8 Modelo da Base de Dados Nossa histria de Itaja. Fonte: Elaborao do autor. Pginas do Site
19/07/10 Definies Conceituao da Base de Dados Definio Tecnolgica Definio de Recursos Documentao Desenvolvimento Logotipo Desenvolvimento Layout Produo Banco de Dados Documentao Produo Scripts Testes Usabilidade Otimizao do Sistema Documentao
29/07/10
08/08/10
18/08/10
28/08/10
07/09/10
17/09/10
27/09/10
GRFICO 3 Grfico de Gantt atualizado aps a concluso da segunda etapa.Fonte: Elaborao do autor.
50
Esta Etapa previa a produo de todos os scripts necessrios para o funcionamento do sistema, a realizao desta etapa teve incio com dois dias de antecedncia. Nesta etapa o projeto demonstrou toda a sua complexidade e exigncias, foram utilizados plugins jQuery como o innerfade, para a produo de efeitos visuais da interface, alm do plugin Validate para a validao local de formulrios. Os scripts em PHP responsveis pela manipulao de dados no servidor foram diversas vezes revistos aps testes incessantes de cada um dos novos mdulos produzidos. Alguns testes previstos para a quarta etapa do desenvolvimento foram realizadas simultaneamente produo do sistema, ficando apenas os testes finais para a filtragem de erros que poderiam ter passado despercebidos. Ainda nesta etapa, foram realizadas algumas modificaes na estrutura lgica da base de dados,para a melhoria do sistema aps anlises do funcionamento do sistema. Esta etapa tinha uma previso de realizao em 51 dias, esta etapa foi encerrada aps 39 dias. O QUADRO 9 a seguir apresenta as principais funcionalidades desenvolvidas nesta etapa.
Funcionalidades desenvolvidas Nossa histria de Itaja Local Descrio A pgina de ndex do sistema, possui uma estrutura condicional para a verificao dos valores recebidos atravs do mtodo GET, que serve as pginas da aplicao. Para garantir a segurana da aplicao, foi construdo um vetor para armazenar todas as pginas passadas atravs deste mtodo, alm de uma pgina de erro, caso algum usurio tente injetar valores ou comandos no servidor atravs do mtodo GET da ndex. Alm disso, a pgina ndex da aplicao capaz de gerar ttulos nicos dinamicamente para cada uma das sees do site, auxiliando a indexao atravs de motores de busca, os ttulos dos documentos so muito importantes para otimizaes baseada em mtodos de Searching Engine Optimization (SEO) O cabealho da aplicao possui uma estruturao condicional que verifica se o 51
ndex da Aplicao
Cabealho
usurio est autenticado, caso o usurio no tenha realizado o login no sistema a caixa de login exibida no topo da pgina. Lateral A lateral do site, possui uma estrutura condicional desenvolvida para a apresentao de contedos diferentes. Caso o usurio esteja autenticado no sistema, a barra lateral exibir o Painel de Controle do usurio, caso contrrio, a lateral exibir textos explicativos sobre o site. O painel de controle possui uma estrutura condicional desenvolvida com a finalidade de identificar o nvel hierrquico do usurio e apresentar-lhe suas ferramentas disponveis. Em caso de usurios administradores, o painel de controle automaticamente disponibiliza as ferramentas de moderao de contedo, gerenciamento de pginas e usurios, caso contrrio so exibidas apenas as ferramentas particulares de moderao de mensagens e publicao e gerenciamento de contedos prprios. O rodap do site possui scripts responsveis pelo monitoramento de visitantes do site, atravs das funcionalidades do servio Google Analytics, alm de realizar o fechamento de conexes ao banco de dados e disponibilizar links para todos os sites de todos os autores que de alguma forma contriburam para a produo do sistema. A pgina de abertura do site, possui um sistema de busca no banco de dados e exibe dinamicamente os ltimos registros aprovados de artigos, relatos e imagens. O sistema de pesquisa interna do site, foi implementado para realizar buscas em todos os campos textuais das tabelas de contedo do banco de dados e exibir os resultados encontrados em uma nova pgina, com resultados devidamente divididos em pginas com uma quantidade pr determinada de resultados por pgina. O sistema de pesquisa ainda converte os termos pesquisados em diferentes variaes, como palavra acentuada, no acentuada, maiscula, minscula, etc. As pginas de artigos e relatos, possuem uma estrutura condicional capaz de listar todos os artigos e relatos aprovados para exibio, por ordem decrescente e com resultados devidamente paginados. A pgina de cadastramento, responsvel pela incluso de novos registros de usurios ao banco de dados, alm de realizar uma verificao para impedir o cadastramento de usurios com o mesmo nome de usurio e ou email. A pgina da galeria realiza uma pesquisa na base de dados em busca de todas as imagens aprovadas para exibio, alm de gerar dinamicamente dados sobre as imagens que so ampliadas ao clique e recebem o efeito de lightbox escurecendo o restante do contedo do site. A pgina de autores, lista de forma dinmica todos os autores que j tenham completado o preenchimento de seus perfis e oferece links para que o usurio possa interagir com outros autores, enviar ou ler as mensagens recebidas por determinado autor, alm de maiores informaes sobre o mesmo. So pginas geradas dinamicamente a partir do painel de gerenciamento de pginas dos administradores e que exibem informaes sobre a utilizao do site, ajuda aos usurios e informaes sobre o projeto.
Painel de Controle
Rodap
Abertura
Pesquisa
Artigos, Relatos
Cadastro
Galeria
Autores
Central, Dicas e Sobre Publicao e Edio
Ferramentas disponibilizadas atravs do painel de controle, capazes de realizar o envio, excluso e edio de contedos por parte do usurio. QUADRO 9 Funcionalidades desenvolvidas na etapa 3 Nossa histria de Itaja. Fonte: Elaborao do autor.
52
O cronograma atualizado aps a concluso desta etapa, apresentado a seguir.
19/07/10 Definies Concluso Conceituao da Base de Dados Concluso Definio Tecnolgica Concluso Definio de Recursos Concluso Documentao Concluso Desenvolvimento Logotipo Concluso Desenvolvimento Layout Concluso Produo Banco de Dados Concluso Documentao Concluso Produo Scripts Concluso Documentao Concluso Testes Usabilidade Testes Perf ormance Otimizao do Sistema Validao Documentao Entrega e Documentao
29/07/10
08/08/10
18/08/10
28/08/10
07/09/10
17/09/10
27/09/10
GRFICO 4 Grfico de Gantt atualizado aps a concluso da terceira etapa. Fonte: Elaborao do autor.
A Etapa 4 do planejamento previa a realizao de testes sobre a aplicao, visando aferir seus nveis de usabilidade, compatibilidade e performance, para a realizao de otimizaes no funcionamento do projeto. A maioria dos testes foram realizados durante a produo dos scripts em ambiente local, aps a concluso do desenvolvimento novos testes foram realizados, afim de verificar a performance da aplicao em ambiente online. Para a realizao dos testes foram utilizados o plugin firebug para o navegador Mozilla Firefox, o servio de validao online de sintaxe do consrcio World Wide Web Consortium (W3C), alm da ferramenta online, Web Page Analyzer, utilizada para a verificao de diferentes itens referentes ao site, como tempo de carregamento, quantidade de arquivos internos e externos, tamanho dos arquivos, etc.
53
Os testes demonstraram um grande quantidade de requisies feitas ao servidor, em razo de quantidade de imagens e scripts necessrios para a execuo do site. Visando a reduo da quantidade de requisies ao servidor, foram realizadas algumas medidas de otimizao do sistema, como o emprego da tcnica CSS Sprite ou estampas CSS, a tcnica consiste em utilizar uma nica imagem para a montagem da interface, selecionando quais devero ser exibidas na pgina atravs de posicionamento por CSS. Abaixo exemplo de imagem utilizado na produo da tcnica comentada.
Ilustrao 2 Imagem com diferentes estados de um cone de link. Fonte: Google.com, 2010.
Aps a concluso desta medida o site teve uma reduo significativa na quantidade de requisies geradas por imagens. Outra medida de otimizao realizada pela equipe, foi a reviso dos scripts em busca de redundncias ou codificao desnecessria, o arquivo mais afetado era exatamente a folha de estilos responsvel pela apresentao do site, que aps a otimizao teve seu tamanho em disco reduzido em 50%.
54
Atravs
da
utilizao
da
biblioteca
Minify,
disponvel
em
http://code.google.com/p/minify/ todas as folhas de estilo e arquivos JavaScript foram agrupados, reduzindo ainda mais a quantidade de requisies ao servidor. A seguir possvel verificar os ndices de performance antes e depois das otimizaes aplicadas.
Ilustrao 3 Requisies antes das otimizaes, pgina de referncia Seu Perfil. Fonte: Elaborao do autor.
55
Ilustrao 4 - Requisies aps as otimizaes, pgina de referncia Seu Perfil. Fonte: Elaborao do autor.
Durante a validao do site realizada por usurios convidados a conhecer e testar o sistema, a equipe recebeu respostas a um formulrio que visava avaliar a usabilidade do site, questionrio disponvel no QUADRO 10, este questionrio demonstrou que entre outras coisas o layout da aplicao necessitava de mudana estticas, para uma maior identificao com o tema do projeto. Em seguida, apresentada a imagem ilustrativa do novo design proposto para atender esta necessidade apontada pelos utilizadores.
56
Ilustrao 5 Modelo de layout a ser implantado na aplicao. Fonte: Elaborao do autor.
5.2 VERIFICAO DE NDICES DE DESEMPENHO
Durante as etapas do planejamento foram verificados os indicadores de desempenho, afim de garantir um total controle sobre a evoluo do projeto, informaes detalhadas esto disponveis no QUADRO 8 (DUTRA, 2007 apud MENEZES, 2001).
Indicadores de Desempenho Projeto Nossa histria de Itaja Etapa 1 - Definies Cronograma: Oramento: Tecnologia: Adiantamento em relao ao cronograma No houve violao dos valores orados Este indicador no pode ser avaliado, pois esta varivel do processo de desenvolvimento ainda no foi utilizada.
Etapa 2 Conceituao da Identidade Visual e Base de Dados
57
Cronograma:
Houve um atraso de 1 dia em relao ao cronograma, que foi contornado em razo do adiantamento conseguido na etapa anterior. No houve violao dos valores orados As tecnologias selecionadas para o projeto, contemplaram todas as necessidades envolvidas nesta etapa. Adiantamento em relao ao cronograma No houve violao dos valores orados As tecnologias selecionadas para o projeto, contemplaram todas as necessidades envolvidas nesta etapa. Adiantamento em relao ao cronograma No houve violao dos valores orados As tecnologias selecionadas para o projeto, contemplaram todas as necessidades envolvidas nesta etapa. Adiantamento em relao ao cronograma No houve violao dos valores orados
Oramento: Tecnologia:
Etapa 3 - Produo Cronograma: Oramento: Tecnologia:
Etapa 4 Testes, Correes e Otimizao Cronograma: Oramento: Tecnologia:
Etapa 5 Encerramento e Publicao Cronograma: Oramento: Tecnologia:
As tecnologias selecionadas para o projeto, contemplaram todas as necessidades envolvidas nesta etapa. QUADRO 8 Indicadores de Desempenho Projeto Nossa histria de Itaja. Fonte: Adaptado de (DUTRA, 2007 apud MENEZES, 2001) Elaborao do autor.
O QUADRO 8, apresenta de forma detalhada, as informaes referentes as verificaes dos ndices de desempenho ao longo da execuo do planejamento, atravs deste acompanhamento foram possveis aes para a correo de desvios no planejamento do projeto (DUTRA, 2007).
5.3 PROTTIPO DO PROJETO
O prottipo do projeto Nossa histria de Itaja foi disponibilizado em meio online atravs do endereo http://www.praquesite.com.br/piweb/ o acesso as funcionalidades do sistema depender do cadastrado no sistema.
58
Para acesso a interface de moderao necessrio ao usurio possuir o status de Administrador, que ser concedido ao avaliador do projeto pelo Administrador Master, neste caso o autor do projeto. Atravs da atribuio do status de Administrador todas as funcionalidades disponveis no projeto, como publicao e moderao estaro disponveis.
5.4 PROJETO PILOTO
O projeto Nossa histria de Itaja foi produzido tendo por base alguns projetos pilotos, o projeto bsico do layout foi desenvolvido atravs do software Adobe Photoshop, o projeto piloto desenvolvido atravs deste software, no possua nenhuma funcionalidade incorporada, foi utilizado apenas para fornecer uma referncia em relao aos modelos a serem desenvolvidos. Para a modelagem da base de dados, o autor utilizou um prottipo em papel, com uma estruturao das tabelas e campos necessrios para o armazenamento das informaes referentes ao projeto. O sistema como um todo, foi projetado por base em um projeto piloto desenvolvido em formato de storyboarding, a seguir definio da tcnica.
Esta tcnica utiliza a especificao atravs de imagens para descrever certas situaes. Fortemente ligado tcnica de cenrios, o storyboarding pode actuar de forma conjunta com estes. Entretanto, pela sua forma de descrio, os cenrios so mais adequados anlise de tarefas, enquanto o storyboarding se encaixa melhor na validao do formato visual destes cenrios e elaborao de prottipos no operacionais (WIKIPEDIA, 2010)
59
6 ENCERRAMENTO DO PROJETO
6.1 VALIDAO DO PROJETO
Para a validao do projeto, o autor realizou revises em cada uma das etapas do desenvolvimento, visando a adequao da soluo desenvolvida em relao ao escopo do projeto, utilizando como referncia ndices encontrados atravs das avaliaes de desempenho do projeto definidas por (DUTRA, 2007 apud MENEZES, 2001) foram elaboradas algumas necessidades as quais o sistema deveria atender, expostas a seguir: a) compatibilidade - Para garantir a compatibilidade do sistema, o autor realizou testes de validao dos cdigos fonte XHTML e folhas de estilo CSS na ferramenta Markup Validator oferecida pelo consrcio W3C atravs do endereo:http://validator.w3.org/. A validao dos cdigos atravs desta ferramenta garante a correta utilizao da sintaxe do documento de acordo com as recomendaes existentes para cada Document Type Definition (DTD) ou verses da linguagem CSS. A funo do validador de cdigos meramente de sintaxe da linguagem, conforme
A funo dos validadores te ajudar a verificar se seu cdigo tem erros de ortografia. Ele pode te mostrar onde voc esqueceu de fechar uma tag, onde voc esqueceu um atributo que no deveria ter esquecido ou o lugar onde voc colocou aspas e no deveria ter feito. Um site validado significa simplesmente que ele no tem erros ortogrficos! (PEREIRA, 2006).
Testes de renderizao tambm foram realizados em diferentes navegadores e sistemas operacionais, visando a garantia de uma exibio padro da interface do sistema, em diferentes plataformas, foram detectados inconsistncias na exibio da aplicao nos navegadores Internet Explorer 6 e 7 da Microsoft, causados por problemas de
60
renderizao daqueles navegadores, a soluo foi a incluso de uma folha de estilos condicional exclusivamente para a correo dos problemas renderizao destes navegadores. A compatibilidade entre diferentes plataformas foi garantida, graas a prpria natureza do sistema, uma aplicao web toda executada em um servidor que envia aos computadores apenas sadas em Hypertext Markup Language (HTML), assim todas as funcionalidades do sistema independem dos recursos e caractersticas do hardware e sistema operacional dos usurios; b) performance - Para garantir a otimizao da performance do sistema, o autor realizou a adequao da interface utilizando a tcnica CSS Sprite ou Estampa CSS, esta tcnica visa a reduo de requisies ao servidor, com o encapsulamento de diversas imagens em um nico arquivo e sua exibio atravs de posicionamento via CSS. Com a utilizao desta tcnica a aplicao reduziu significativamente a quantidade de requisies por imagens. Ainda visando a otimizao da performance do sistema, foram utilizadas tcnicas de otimizao para imagens a partir do software Adobe Photoshop que reduzem a qualidade de imagens para a utilizao na web, esta reduo de qualidade geralmente imperceptvel para os utilizadores, mas tem grande importncia em relao ao carregamento da pgina em conexes mais lentas. Para completar o processo de otimizao do sistema, o autor utilizou tcnicas de compresso e encapsulamento de scripts Javascript e folhas de estilo CSS proporcionados pela biblioteca Minify, reduzindo ainda mais o nmero de requisies ao servidor, a reduo alcanada nesta etapa foi de 9 requisies inicialmente para apenas 3; de
61
c) carregamento - As otimizaes desenvolvidas para reduzir a quantidade de requisies ao servidor e otimizao de imagens e arquivos, gerou uma melhoria no carregamento do site, antes da aplicao das otimizaes, o site exigia o download de aproximadamente 3,54 Mb em arquivos e scripts para a realizao de todas as tarefas, aps as otimizaes o tamanho do site total girava em torno de 2,35 Mb. d) usabilidade - Para verificao da usabilidade do sistema, o autor realizou uma srie de testes baseado na metodologia proposta por (KRUG, 2006), o autor elaborou um questionrio com o objetivo de conhecer a opinio dos utilizadores e sua principais dificuldades ao utilizar o sistema produzido. A seguir apresentado o modelo de questionrio utilizado para a realizao da pesquisa sobre usabilidade e os resultados esto disponveis na Tabela 1, alm do cronograma de produo atualizado aps a concluso desta etapa.
Avaliao de Usabilidade Nossa histria de Itaja 1- Atravs de qual navegador o site foi utilizado? ( ) Internet Explorer 6 ( ) Internet Explorer 7 ( ) Internet Explorer 8 ( ) Mozilla Firefox ( ) Google Chrome ( ) Opera ( ) Safari ( ) Outro 2 O site foi exibido de maneira correta? Alguma anormalidade foi detectada em relao a aparncia da estrutura visual do site? Quais? R: 3 Em relao ao carregamento do site, o carregamento foi: ( ) Rpido ( ) Normal
62
( ) Lento ( ) Muito Lento ( ) No carregou 4 Em relao a sua conexo com a internet, voc utiliza que tipo de conexo: ( ) acesso discado 56k ( ) Internet a rdio 256k ( ) Internet Banda Larga at 300k ( ) Internet 3G 512k ( ) Internet Banda Larga 600 a 800 k ( ) Internet Banda Larga 1mb ( ) Internet Banda Larga acima de 1mb. 5 Em relao ao visual do site (selecione as opes referentes a suas impresses gerais) Utilize as observaes para complementar suas respostas. 5.1 - As cores do site permitem uma leitura fcil e agradvel do contedo? ( ) Sim ( ) No ( ) Nem Sempre Obs.: 5.2 O tamanho das fontes permite uma leitura agradvel e facilitada? ( ) Sim ( ) No ( ) Nem Sempre Obs.: 5.3 O aspecto visual do site repassa uma imagem de organizao? ( ) Sim ( ) No ( ) Nem Sempre 5.4 Na sua opinio fcil identificar os links e sees do site? ( ) Sim ( ) No ( ) Nem Sempre Obs.: 5.5 Em relao a estrutura de navegao (menu), a navegao ocorreu de forma prtica e simplificada? ( ) Sim ( ) No ( ) Nem Sempre Obs.: 5.6 Sobre o Painel de Controle do usurio, fcil encontrar e utilizar as funes de publicao e edio do painel? ( ) Sim ( ) No ( ) Nem Sempre Obs.: 5.7 Sobre formulrios, os formulrios so de preenchimento facilitado? ( ) Sim ( ) No ( ) Nem Sempre Obs.: 5.8 Voc ficou em dvida sobre a funo ou utilidade de algum recurso ou link? ( ) Sim ( ) No Quais:
63
5.9 O site apresentou algum problema, durante a execuo? ( ) Sim ( ) No Descreva: 5.10 Sua impresso geral sobre o site: ( ) Fcil de Utilizar ( ) Utilizao Normal ( ) Difcil de utilizar ( ) No consegui utilizar 5.11 Sua impresso geral sobre o aspecto visual do site ( ) timo ( ) Bom ( ) Regular ( ) Ruim ( ) Pssimo 6 Existe alguma sugesto ou crtica referente ao aplicativo, cite-as. R: QUADRO 10 Formulrio de avaliao de Usabilidade Nossa histria de Itaja. Fonte: Elaborao do autor.
64
Tabela 1 Resultados do questionrio de usabilidade, de 09/09/2010 at 18/09/2010

Respostas Obtidas Questionrio Usabilidade Nmero de Participantes da Pesquisa: 20 Utilizadores Perguntas Pergunta 1 Nmero de Respostas ( 1 ) Internet Explorer 6 ( 2 ) Internet Explorer 7 ( 5 ) Internet Explorer 8 (11 ) Mozilla Firefox ( 1 ) Google Chrome Pergunta 2 Pergunta 3 Pergunta 4 ( 20 ) Sim ( 18 ) Rpido ( 2 ) Normal Porcentagem Internet Explorer 6 5 % Internet Explorer 7 10 % Internet Explorer 8 25 % Mozilla Firefox 55 % Google Chrome 5 % Sim 100% Rpido 90% Normal 10%
( 5 ) Banda Larga 1Mb Banda Larga 1Mb 25% ( 1 ) Internet 3G 512kb Internet 3G 512kb 5% ( 14 ) Banda Larga acima de 1Mb Banda Larga acima de 1Mb 70% ( 20 ) Sim ( 19 ) Sim ( 1 ) No ( 20 ) Sim ( 20 ) Sim ( 20 ) Sim ( 19 ) Sim ( 1 ) No ( 18 ) Sim ( 2 ) No ( 20 ) No ( 19 ) No ( 1 ) Sim ( 17 ) Fcil de Utilizar ( 3 ) Utilizao Normal ( 16 ) timo ( 3 ) Bom ( 1 ) Ruim Descritiva Sim - 100% Sim 95% No 5% Sim 100% Sim - 100% Sim - 100% Sim 95% No 5% Sim 90% No 10% No 100% No 95% Sim 5% Fcil de Utilizar 85% Utilizao Normal 15% timo 80% Bom 15% Ruim 5% -
Pergunta 5.1 Pergunta 5.2 Pergunta 5.3 Pergunta 5.4 Pergunta 5.5 Pergunta 5.6 Pergunta 5.7 Pergunta 5.8 Pergunta 5.9 Pergunta 5.10 Pergunta 5.11
Pergunta 6 Fonte: Elaborao do autor.
65
Navegadores
Questionrio Usabilidade
60,00%
55,00%
50,00%
40,00%
30,00%
25,00%
20,00%
10,00% 5,00% 5,00%
10,00%
0,00% Mozilla Firef ox Internet Explorer 8 Internet Explorer 7 Google Chrome Intenet Explorer 6
GRFICO 5 Estatsticas dos testes de Usabilidade Navegadores. Fonte: Elaborao do autor.
Tempo de Carregamento
100,00% 90,00% 80,00% 70,00% 60,00% 50,00% 40,00% 30,00% 20,00% 10,00% 0,00% Rpido Normal
90,00%
10,00%
GRFICO 6 - Estatsticas dos testes de Usabilidade Tempo de Carregamento. Fonte: Elaborao do autor.
66
Velocidade de Conexo
80,00% 70,00% 60,00% 50,00% 40,00% 30,00% 20,00% 10,00% 0,00% +1mb 1mb 512kb
70,00%
25,00% 5,00%
GRFICO 7 - Estatsticas dos testes de Usabilidade Velocidades de Conexo. Fonte: Elaborao do autor.
90,00% 80,00% 70,00% 60,00% 50,00% 40,00% 30,00% 20,00% 10,00% 0,00% timo Bom Ruim
80,00%
15,00% 5,00%
GRFICO 8 - Estatsticas dos testes de Usabilidade Aspecto Visual do Site. Fonte: Elaborao do autor.
67
29/07/10
08/08/10
18/08/10
28/08/10
07/09/10
17/09/10
27/09/10
GRFICO 9 Grfico de Gantt Cronograma de desenvolvimento da quarta etapa. Fonte: Elaborao do autor.
Os resultados da pesquisa sobre a usabilidade do sistema, revelaram que 95% dos utilizadores no tiveram nenhum tipo de problema para utilizar o sistema e realizar tarefas como o envio de imagens e textos. Ainda sobre o teste aplicado junto aos utilizadores, 100% consideraram a interface de fcil leitura e julgaram a navegao simples e direta.
68
6.2 ENTREGA E APRESENTAO FINAL
O projeto Nossa histria de Itaja foi entregue atravs de publicao sob a url: http://www.praquesite.com.br/piweb/ O site resultante do projeto, foi apresentado 20 pessoas para que houvesse uma avaliao da ferramenta, atravs de questionrio enviado a estes usurios foi possvel verificar, que o projeto foi devidamente validado, atingiu todos os objetivos aos quais se props e poder ainda ser melhorado e amadurecido. Segundo os utilizadores o site resultante, objetivo e de fcil utilizao, proporciona uma leitura agradvel e organizao, alm de ter um carregamento considerado rpido pela maioria dos usurios, a relevncia do tema do projeto tambm foi ressaltada pela maioria dos utilizadores que proporcionaram um feedback em relao a experincia.
6.3 MEDIO DOS RESULTADOS
Baseado em indicadores utilizados pelo autor, o projeto final, atingiu todos os objetivos aos quais se propunha, os indicadores utilizados foram: a) usabilidade - O site resultante deste projeto necessitava ser usvel, com uma navegao simplificada e exigindo uma pequena curva de aprendizagem, o site utiliza uma srie de convenes do web design (KRUG, 2006), como navegao principal horizontal, links destacados por cor diferente dos textos, ttulos em tamanho grande, padronizao das sees, consistncia estrutural, entre outras. A garantia da usabilidade foi confirmada atravs de opinies enviadas por usurios que afirmaram ter atingido os seus objetivos durante sua utilizao do site;
69
b) relevncia - Em apresentao do projeto a historiadores locais, o projeto foi considerado como de grande relevncia para o contexto no qual est inserido, as opinies de especialistas, apontam que a ferramenta desenvolvida atravs do projeto, poderia ser utilizada para diversas finalidades especficas e que os contedos conseguidos atravs da ferramenta podem oferecer uma fonte riqussima de informaes para a produo de pesquisas e estudos histricos; c) performance - O site resultante do projeto, apresentou ndices de performance considerados bons, aps uma comparao de tempo de carregamento entre o site do projeto e o site http://www.globo.com que possui uma gigantesca quantidade de acessos por ms, o site da aplicao teve um tempo de carregamento aproximadamente 9 vezes menor que o site de referncia, as medies visavam medir a performance do servidor sob uma condio de muitos acessos simultneos, as imagens dos testes podem ser verificadas a seguir.
Ilustrao 6 Tempo de Carregamento site Globo.com. Fonte: http://rapid.searchmetrics.com
70
Ilustrao 7 Tempo de Carregamento site do projeto. Fonte: http://rapid.searchmetrics.com
29/07/10
08/08/10
18/08/10
28/08/10
07/09/10
17/09/10
27/09/10
GRFICO 10 Grfico de Gantt Projeto Finalizado. Fonte: Elaborao do autor.
71
7 CONSIDERAES FINAIS
7.1 LIES APRENDIDAS
O sucesso para a entrega deste projeto sem desvios nos prazos, requisitos e oramento s foram possveis graas a um planejamento bem estruturado e extremamente preciso das tarefas envolvidas em sua produo. A estrutura de gerenciamento proposta por (DUTRA, 2007) oferece mtodos para um controle preciso e acompanhamento constante das necessidades de qualquer projeto. Outro ponto de fundamental importncia para atingir o sucesso no processo de desenvolvimento deste projeto, foram a vasta quantidade de documentao, extensa bibliografia disponvel e materiais de apoio, como artigos e tutoriais disponveis na internet. Como ameaas ao sucesso do projeto, os principais pontos que poderiam impedir a concluso deste projeto, de acordo com os requisitos do cliente so: a) prazo; b) metodologia de planejamento falha; c) equipe de desenvolvimento. Estes trs fatores combinados, ou no, poderiam levar o projeto ao fracasso ou a desvios de prazos e oramento que inviabilizariam o mesmo. Em uma anlise sobre os obstculos crticos que poderiam comprometer o sucesso do projeto, o autor destaca a interface de usurio e a performance da aplicao como obstculos capazes de inviabilizar a produo ou a adoo do sistema. O fator que mais interferiu e causou desvios na equipe, exigindo o retrabalho e
72
modificaes estruturais da aplicao, foram os testes de performance da aplicao, a equipe identificou aspectos que poderiam comprometer o desempenho e estabilidade, para minimizar a quantidade de requisies HTTP ao servidor de hospedagem, a equipe utilizou tcnicas de compresso no servidor alm de recursos CSS para minimizar a chamada de imagens no servidor web. Esta etapa de otimizao do projeto foi uma das mais trabalhosas em todo o processo de produo. Com a experincia adquirida durante o desenvolvimento deste projeto, o autor, afirma que em uma nova experincia relacionada ao desenvolvimento de projetos, existem trs lies bsicas que devem tiradas desta experincia, so elas: a) conhecimento do todo e das partes envolvidas no projeto; b) planejamento slido e detalhado das atividades; c) compromisso de toda a equipe. Como pontos positivos deste projeto, destaca-se a performance atingida aps o processo de otimizao de toda a aplicao, que conseguiu uma melhoria de aproximadamente 100% em diversos requisitos utilizados nos testes. Alm da performance, a simplicidade do sistema um dos pontos positivos atingidos pelo projeto, de acordo com os testes realizados junto a usurios de diferentes nveis de conhecimento em informtica, a maioria dos usurios considerou o sistema de fcil utilizao. Uma oportunidade de melhoria no processo de desenvolvimento do projeto identificada pelo autor, consiste na estruturao lgica de todo o projeto num primeiro momento, e apenas aps a concluso de todas as rotinas de processamento de dados, iniciariase a produo visual da interface do usurio, visando conseguir ndices de desempenho otimizados sem a necessidade de retrabalho como ocorreu durante o desenvolvimento deste.
73
7.2 NOVAS IDEIAS E OPORTUNIDADES
O conhecimento adquirido durante o desenvolvimento deste projeto, deu ao autor uma profundidade maior de conhecimento sobre aplicaes web, otimizao e tcnicas de programao voltadas a alta performance, o projeto Nossa histria de Itaja possui uma programao modularizada, onde os mdulos desenvolvidos podero facilmente ser modificados e utilizados em outros projetos, assim como a estrutura deste projeto que aps as devidas modificaes, poderia servir como base para a construo de sistemas semelhantes para outras cidades. O autor pretende no futuro otimizar ainda mais o sistema construdo, e buscar apoio e patrocnio para a publicao oficial da ferramenta, alm de empregar as tcnicas e conhecimentos proporcionados por este projeto no desenvolvimento de outras aplicaes voltadas a internet.
74
REFERNCIAS
BIBLIOGRAFIA REFERENCIADA
ALVES JUNIOR, Gilberto. Dicas para sites colaborativos emplacarem mais fcil. Disponvel em: <http://webinsider.uol.com.br/2006/11/05/dicas-para-sites-colaborativos-emplacaremmais-facil/>. Acesso em: 18 set 2010. AMBONI, Neri; AMBONI, Narcisa de Ftima. Pesquisa e avaliao: livro didtico. 3. ed. rev. e atual. Palhoa: UnisulVirtual, 2005. 122p. DUTRA, Cynthia Beatriz Scheffer. Projeto Integrador Web (I e II). 3 ed. Palhoa: UnisulVirtual, 2007. FACCIONI FILHO, Mauro. Gesto de projetos e de equipes. 3 ed. Palhoa: UnisulVirtual, 2006. INSTITUTO OSWALDO CRUZ. Cincia para a Sade da populao. Disponvel em:<http://www.fiocruz.br/ioc/cgi/cgilua.exe/sys/start.htm?infoid=304&sid=32>. Acesso em: 18 set. 2010. IUSUKI, Fbio. Wiki: A unio faz a fora!. 2007. Disponvel em: <http://br.tecnologia.yahoo.com/070629/48/1lfl2.html>. Acesso em: 18 set 2010.
KRUG, Steve. No me Faa Pensar: Uma Abordagem de Bom Senso Usabilidade na Web. 2 ed. Rio de Janeiro: Alta Books, 2006. MENEZES, Luis Csar de Moura. Gesto de projetos. So Paulo: Atlas, 2001. PEREIRA, Henrique Costa. Validao e Semntica. 2006. Disponvel em: <http://revolucao.etc.br/archives/validacao-e-semantica/>. Acesso em: 18 set 2010.
75
SILVA, Maurcio Samy. jQuery A biblioteca do programador JavaScript . 2 ed. So Paulo: Novatec, 2010. SOMERA, Guilherme. Treinamento Prtico em CSS Cascading Style Sheets. So Paulo: Digerati Books, 2006. WIKIPEDIA, A enciclopdia livre. Prototipagem de software. 2010. Disponvel em: <http://pt.wikipedia.org/wiki/Prototipagem_de_software> Acesso em: 18 set 2010. WIKIPEDIA, A enciclopdia livre. Sistemas de Moderao. 2009. Disponvel em: <http://pt.wikipedia.org/wiki/Sistema_de_moderao>. Acesso em: 18 set 2010.
BIBLIOGRAFIA CONSULTADA
ANAYA, Alfredo. Programar um buscador com PHP e MySQL. 2008. Disponvel em: <http://faael.net/upload-simples-de-imagem-com-php-mysql/>. Acesso em: 14 ago 2010.
BALDES, Torsten. Innerfade with jQuery. 2008. Disponvel em: <http://medienfreunde.com/lab/innerfade/>. Acesso em: 20 jul 2010.
CARON, Stphane. jQuery lightbox for images, videos, You Tube, Iframes. 2010. Disponvel em: <http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/>. Acesso em: 22 jul 2010. CAVALCANTE, David Correia Holanda. Criando Paginao de Resultados. 2010. Disponvel em: <http://www.mxmasters.com.br/php/criando-paginacao-de-resultados/>. Acesso em: 05 ago 2010. CORRA, Alexandro. Linux: Funo Anti MySQL Injection. 2009. Disponvel em: <http://www.vivaolinux.com.br/script/Funcao-Anti-MySQL-Injection-Proteja-sua-aplicacao>. Acesso em: 03 ago 2010.
76
COUTO, Rafael. Upload simples de imagens com PHP / MySQL. 2009. Disponvel em: <http://faael.net/upload-simples-de-imagem-com-php-mysql/>. Acesso em: 30 jul 2010. CUNHA, Rael. Tutorial de Templates PHP. 2008. Disponvel em: <http://www.raelcunha.com/template.php>. Acesso em: 19 jul 2010.
DOURADO, Diego. PHP Converter string para maiscula ou minscula com acentos. 2007. Disponvel em: <http://www.dourado.net/2007/05/15/php-converter-string-paramaiuscula-ou-minuscula-com-acentos/>. Acesso em: 30 jul 2010.
HERMANN, Ingo Louis. Empreendedorismo: unidade 1 empreendedorismo: seo 1 por qu estudar o assunto? . Palhoa: UnisulVirtual, 2006. JQUERY, Write less do More. jQuery Write less, do more. 2010. Disponvel em: <http://jquery.com/>. Acesso em: 17 jul 2010. NIEDERAUER, Juliano. Desenvolvendo Websites com PHP: Aprenda a criar Websites dinmicos e interativos com PHP e bancos de dados. 5 ed. So Paulo: Novatec, 2004. NIEDERAUER, Juliano. PHP para quem conhece PHP . 2 ed. So Paulo: Novatec, 2004. OLIVIERO, Carlos Antnio Jos. Faa um site JavaScript Orientado por Projeto. 6 ed. So Paulo: rica Ltda, 2007. PADILHA, nio; CARVALHO, Cludia Gomes; GALLAS, Juliana. Marketing e Comrcio Eletrnico: unidade 5 sistemas de gerenciamento. 2 ed. Palhoa: UnisulVirtual, 2007. PIRES, Adriano. Trabalhos Acadmicos Unisul. 2010. Disponvel em: <http://busca.unisul.br/trabalhos_academicos/>. Acesso em: 13 set 2010. TINYMCE, Javascript WYSIWYG Editor, TinyMCE. 2010. Disponvel em: <http://tinymce.moxiecode.com/>. Acesso em: 17 ago 2010. ZAEFFERER, Jrn. jQuery Plugin: Validate. 2007. Disponvel em: <http://bassistance.de/jquery-plugins/jquery-plugin-validation/>. Acesso em: 20 jul 2010.
77
APNDICES
78
APNDICE A Primeiro Modelo de Layout
Fonte: Elaborao do Autor, 2010.
79
APNDICE B Segundo Modelo de Layout
80
APNDICE C Terceiro Modelo de Layout
81
APNDICE D Quarto Modelo de Layout
82

(29897 144402) Exemplo de Monografia - Monografiamodelo JoseEduardo

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

(29897 144402) Exemplo de Monografia - Monografiamodelo JoseEduardo

Transféré par

Droits d'auteur :

Formats disponibles

UNIVERSIDADE DO SUL DE SANTA CATARINA - UNISUL JOS EDUARDO JANURIO PEREIRA

REESCREVENDO HISTRIA: UM ESTUDO SOBRE O DESENVOLVIMENTO DE WEB SITES COLABORATIVOS

JOS EDUARDO JANURIO PEREIRA

REESCREVENDO HISTRIA: UM ESTUDO SOBRE O DESENVOLVIMENTO DE WEB SITES COLABORATIVOS

Orientador: Prof. Clvison Martinelli Zapelini Esp.

JOS EDUARDO JANURIO PEREIRA

REESCREVENDO HISTRIA: UM ESTUDO SOBRE O DESENVOLVIMENTO DE WEB SITES COLABORATIVOS

1 IDENTIFICAO DO ESCOPO DO PROJETO

1.1 DEFINIO E APRESENTAO DO TEMA

1.2 CATEGORIA DO PROJETO

1.3 CONTEXTO DO PROJETO

1.4 EQUIPE DO PROJETO

2 DESCRIO DETALHADA DO PROJETO

2.2.1 Objetivo Geral

2.2.2 Objetivos Especficos

2.4 RESULTADOS ESPERADOS

2.5 COLETA E INTERPRETAO DE DADOS

3.1 ESTUDO DE NECESSIDADES PLANEJAMENTO DE ATIVIDADES

3.1.1 Etapa 1 Definies

3.1.2 Etapa 2 Concepo

c) implementao lgica da base de dados.

3.1.3 Etapa 3 Produo

3.1.4 Etapa 4 Otimizao

3.1.5 Etapa 5 Publicao

3.2 ESTUDO DE RECURSOS MOBILIZADOS

3.3 ESTUDO DE VIABILIDADE

- quais so os valores comparativos?

- que vantagens intangveis ele trar?

- como se poder verificar?

- em caso negativo possvel obt-los?

Custos: - h fontes de financiamento?

Prazo: - qual o prazo definido pelo cliente para o projeto?

3.4 ESTUDO DE RISCOS

e administrar estes riscos.

- possvel medir os benefcios?

Risco quanto aos benefcios: - qual a probabilidade deste tipo de riscos?

- qual o seu impacto? Risco quanto aos recursos: - h equipamentos de reserva?

Riscos quanto ao prazo: - qual a probabilidade deste tipo de riscos?

4.1 PLANO DE TRABALHO

4.1.1 Fluxo de Atividades

O fluxo de atividades inerentes ao projeto descrito conforme QUADRO 4.

Validao do Sistema Documentao Etapa 5 Publicao Publicao do sistema

10 dias 2 dias 11 dias

4.1.2 Detalhamento das Atividades

Custos - R$ 5.893,62 - R$ 7.850,00 - R$ 400,00 - R$ 5.893,62 - R$ 0,00 - R$ 16,90 - R$ 400,00

4.1.3 Cronograma das Atividades

4.2 EQUIPES DE TRABALHO

4.2.1 Diviso de Tarefas

A descrio da diviso de tarefas do projeto segue descrita atravs do QUADRO 6 abaixo.

Recursos Necessrios por tarefa

Papel e Caneta Papel e Caneta

Documentao Etapa 4 Otimizao Testes de Usabilidade

Otimizao do sistema de acordo com os testes

4.2.2 Diviso de Responsabilidades

Responsvel Tcnico pela Tarefa Programador / Gestor do Projeto Programador

5.1 RELATRIOS PARCIAIS DE EXECUO

5.1.1 Relatrio de Acompanhamento Etapa 1

5.1.2 Relatrio de Acompanhamento Etapa 2

Ilustrao 1 Modelo de layout da aplicao, 2010. Fonte: Elaborao do autor. 48

5.1.3 Relatrio de Acompanhamento Etapa 3

Central, Dicas e Sobre Publicao e Edio

O cronograma atualizado aps a concluso desta etapa, apresentado a seguir.

5.1.4 Relatrio de Acompanhamento Etapa 4