PDF 1 DWeb

Prévia do material em texto

Desenvolvimento de Software para Web
P r o f . M e . R e n a t o A l v e s F e r r e i r a
e m a i l : r e n a t o . f e r r e i r a @ f m u . b r
D i s c i p l i n a :
Prof. Me. Renato Alves Ferreira - Desenvolvimento de Software para Web
Agenda da aula inicial 
-Apresentação
• Profes sor
• Disc ip l ina – Desenvo lv imento de Sof tware para Web
• Método de Ava l i ação 
Composição da média final = (N1*0,4) + (N2*0,6)
• Cont ro le da f requênc ia 75% (+- 5 dias ausente no máximo)
-Or ientações gera i s
- In t rodução a d i s c ip l ina
Prof. Me. Renato Alves Ferreira
prof. Me. Renato Alves Ferreira
Sistema de avaliação
Ementa da Disciplina
prof. Me. Renato Alves Ferreira 
Apresenta os conceitos fundamentais da arquitetura de aplicações Web e propõe o
desenvolvimento de um software utilizando uma linguagem de programação com
conectividade a banco de dados. São abordados o modelo de três camadas e um
framework utilizado no mercado de trabalho para desenvolvimento web.
- Desenvolver um sistema web empregando as principais tecnologias. - Trabalhar em
equipe de modo a exercitar sua capacidade de liderança e de colaboração. - Elaborar um
projeto em equipe utilizando linguagem de programação, persistência de dados e
interface para web. - Manipular eventos e validações com Javascript. - Utilizar o padrão
DAO (Data Access Object). - Utilização das linguagens HTML, CSS, PHP, Javascript,
biblioteca jQuery e framework Bootstrap.
Objetivos de Aprendizagem
Bibliografias
BIBLIOGRAFIA BÁSICA
LEMAY, Laura; COLBURN, Rafe; TYLER, Denise. Aprenda a criar páginas Web com HTML e XHTML em 21 dias. São Paulo: Pearson Education
do Brasil, 2002. Recurso online.
MILETTO, Evandro Manara. Desenvolvimento de Software II Introdução ao Desenvolvimento Web com HTML, CSS, JavaScript e PHP. Porto
Alegre Bookman 2014 1 recurso online ISBN 9788582601969.
SOARES, Walace. PHP 5 conceitos, programação e integração com banco de dados. 7. São Paulo Erica 2013 1 recurso online ISBN
9788536505633.
BIBLIOGRAFIA COMPLEMENTAR
TERUEL, Evandro C. HTML 5 - Guia Prático, 2nd edição. Érica, 06/2014. Recurso online.
HAROLD, Elliotte R. Refatorando HTML. Bookman, 01/2010. Recurso online.
MARINHO, Antonio L. Desenvolvimento de Aplicações para Internet. São Paulo: Pearson Education do Brasil, 2016. (Biblioteca
Universitária Pearson).
DEITTEL, Paulo J, DEITTEL, Harvey M. Ajax, Rich Internet Applications e Desenvolvimento Web para Programadores. São Paulo: Pearson
Education do Brasil, 2008. (Biblioteca Universitária Pearson).
Laravel Documentation. Disponível em: . Acesso em: 10 jun. 2018.
prof. Me. Renato Alves Ferreira
prof. Me. Renato Alves Ferreira
https://portal.fmu.br/biblioteca/
Consulte o acervo online Minha Biblioteca - FMU
Destaque ao livro do Miletto e Bertagnolli
prof. Me. Renato Alves Ferreira
https://portal.fmu.br/biblioteca/
Consulte o acervo online Minha Biblioteca - FMU
Destaque ao livro do Teruel
prof. Me. Renato Alves Ferreira
https://portal.fmu.br/biblioteca/
Consulte o acervo online Minha Biblioteca - FMU
Destaque ao livro do SoaresDestaque ao livro do Saraiva e Barreto
prof. Me. Renato Alves Ferreira
In t rodução a Desenvo lv imento de Sof tware para Web
C l a s s i f i c a ç ã o d e a p l i c a ç ã o W e b
Conforme o direcionamento da aplicação Web, ela pode ser classificada de diferentes maneiras. 
Algumas das principais classificações encontradas:
Site de conteúdo: apenas exibe um conteúdo de uma determinada área de forma linear, incluindo recursos 
(imagens, tabelas, gráficos, etc.) e navegação simples.
Site de registro de dados ou entrada do usuário: utiliza como recurso principal formulários que são preenchidos 
pelos usuários, com dados relacionados ao objetivo do site.
Portal: compreende um conjunto de páginas, links que convergem para um determinado contexto.
Aplicação orientada à transação: neste modelo, o usuário envia solicitações que a aplicação processa em um 
banco de dados, retornando ao usuário a resposta de sua solicitação.
(Miletto,,2014)
prof. Me. Renato Alves Ferreira
P o r o n d e c o m e ç a r ?
O ponto de partida para a construção de uma aplicação Web é a identificação do objetivo geral da aplicação.
Depois dessa etapa, é possível criar um modelo de análise, detalhando os requisitos. Entenda o negócio. Além
dos requisitos, levanta-se os principais elementos de conteúdo das páginas.
Após compreender o propósito da aplicação, é necessário desenvolver os modelos de projeto, bem como o
projeto visual e gráfico.
Na etapa final, é encaminhada a construção das páginas com o uso de tecnologias específicas para a Web, como
HTML, CSS, PHP, Javascript e ferramentas de edição de códigos (IDEs).
(Miletto,,2014)
In t rodução a Desenvo lv imento de Sof tware para Web
prof. Me. Renato Alves Ferreira
T e s t a r , t e s t a r e t e s t a r . . .
À medida que cada funcionalidade é finalizada, deve ser testada. Assim, é necessário que o desenvolvedor
verifique:
• Se a navegação está funcionando corretamente;
• Se existem erros na visualização do conteúdo da página, ou dos scripts utilizados por ela;
• Se os dados dos formulários estão sendo enviados corretamente ao servidor;
• Se o comportamento da aplicação é o mesmo em diferentes navegadores ou plataformas, visto que alguns
possuem restrições com relação a recursos do HTML, CSS ou ainda devido diferentes tamanhos de telas.
(Miletto,,2014)
In t rodução a Desenvo lv imento de Sof tware para Web
prof. Me. Renato Alves Ferreira
A t i v i d a d e – A n á l i s e d e u m E s t u d o d e C a s o ( c a p í t u l o 1 , l i v r o d o M i l e t t o , p á g . 1 1 )
O estudo de caso estabelecerá soluções para uma situação-problema, com a finalidade de consolidar os aspectos
teóricos, práticos e tecnológicos apresentados nos diferentes capítulos do livro. Por meio do estudo de caso,
você deve conseguir correlacionar as soluções apresentadas com outras situações práticas.
Para iniciar o desenvolvimento de uma aplicação Web, devemos responder a algumas questões:
• Por que o cliente precisa de uma aplicação para a Web?
• Qual é o objetivo principal da aplicação?
• Que processos ela deve controlar ou executar?
• Quais serão os usuários da aplicação?
• Quais são as tarefas dos usuários na aplicação? (Miletto,,2014)
In t rodução a Desenvo lv imento de Sof tware para Web
prof. Me. Renato Alves Ferreira 
Uma aplicação Web é diferente de um site estático, onde o conteúdo é um arquivo ou documento pré-
formatado e nenhuma informação é carregada a partir de outros documentos ou bases de dados. Já uma
aplicação Web é caracterizada por construir dinamicamente o seu conteúdo, com dados provenientes de
um banco de dados, a partir da interação do usuário com as páginas via navegadores. A partir do esquema
ilustrado na figura, podemos observar que um servidor recebe uma solicitação de um cliente por meio de
um navegador. O servidor procura pelo documento em um sistema de arquivos e o envia de volta ao
navegador para ser exibido ao cliente.
(Miletto,2014)
In t rodução a Desenvo lv imento de Sof tware para Web
prof. Me. Renato Alves Ferreira
As aplicações Web são diferentes das aplicações convencionais, pois apresentam um rápido crescimento no
número de requisitos, conteúdo e funcionalidades, além de se caracterizarem pelas constantes alterações
sofridas durante o ciclo de vida. Muitas vezes, essas aplicações são mal projetadas, devido a vários fatores,
dentre os quais podemos citar:
• Necessidade de atualização constante das informações.
• Evolução extremamente rápida da tecnologia utilizada por esse tipo de aplicação.
• Inexistência de modelos do processo.
• Planejamento incorreto e inadequação na definição de prazos e custos.
• Equipes mal organizadas e sem a competência adequada.
• Falta de documentação e dificuldades de implementação e manutenção.
Ao analisar esses fatores, é possívelperceber que eles estão vinculados a algumas categorias da qualidade de
software: funcionalidades, usabilidade, desempenho e portabilidade.
Visão Geral – Preocupação com a Qualidade de Software
In t rodução a Desenvo lv imento de Sof tware para Web
prof. Me. Renato Alves Ferreira
Os problemas de funcionalidades geram no usuário as seguintes dúvidas: O sistema tem a informação ou o
serviço de que eu preciso? Eu mandei os dados, mas será que o sistema os processou de maneira correta?
As dificuldades relativas à usabilidade estão vinculadas à localização da informação, e quando elas ocorrem o
usuário se pergunta: Onde posso encontrar a informação ou o serviço? Como posso solicitar esse serviço? Quais
informações eu devo fornecer? Qual foi o resultado? Era o que eu queria?
Já os problemas de desempenho têm relação com o tempo de resposta do sistema e podem ocasionar os
seguintes questionamentos: Por que a página demora a carregar? A página será exibida, ou ocorreu algum erro?
As questões de portabilidade estão vinculadas diretamente com a visualização da informação e com as ações de
formulários que não funcionam, gerando dúvidas como: O que aconteceu com a página? Ela não é exibida
corretamente neste browser! A linguagem script não funciona neste cliente ou servidor?
Visão Geral – Preocupação com a Qualidade de Software
In t rodução a Desenvo lv imento de Sof tware para Web
prof. Me. Renato Alves Ferreira
Ciclo de desenvolvimento de uma aplicação Web
(Miletto,2014)
Design do site
Após a Engenharia de Requisios e Especificação do Site, para diminuir a ocorrência de erros, pode-se construir um 
protótipo de baixa fidelidade, chamado Paper Prototyping, conforme a ilustração abaixo:
(Miletto,,2014)
Paper Prototyping
prof. Me. Renato Alves Ferreira
O modelo de navegação do site está relacionado com os protótipos de baixa fidelidade. Da mesma forma, é um exemplo inicial 
e não finalizado que serve para elucidar a ligação ou a comunicação entre essas telas.
(Miletto,,2014)
Modelo de Navegação do site
Te espero nas próximas aulas!