AES-T05-LevantaRequisitos_Prototipo

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

Disciplina:
Análise Estruturada de Sistemas
Levantamento de Requisitos – 
Prototipação
Profa. Tânia Mara Paiva de Oliveira
Protótipo
Caracteriza-se por criar, logo no início, uma versão simplificada do software (protótipo).
Foi criado para evitar que o produto final não corresponda às expectativas do cliente.
 O protótipo pode ser:
Um protótipo em papel
Um programa executável - que executa parte ou toda a função desejada, mas que deverá sofrer melhoras na interface ou na performance.
Um programa executável - que apenas demonstra a interface com o usuário.
Protótipo
Protótipo, quando não é em papel, são as telas (ENTRADA e SAÍDA) de um sistema sem as funcionalidades de acesso a banco de dados ou integração com outros sistemas. 
 Temos apenas funcionalidades gráficas e algumas funcionalidades para o funcionamento do próprio protótipo. 
O protótipo é utilizado para aprovação do cliente que solicitou o sistema.
 
 
Experiência de navegação
Simulam o que acontece em cada clique do usuário.
Dimensionamento exato do projeto
O cliente irá saber o que será projetado com um custo menor.
Agilidade nas etapas posteriores
O tempo de desenvolvimento é menor porque as dúvidas do cliente e dos desenvolvedores serão resolvidas nesta fase.
Por que tenho que desenvolver os 
protótipos e não posso “cair matando” nos programas?
Mudanças mais fáceis
O protótipo permite que mudanças sejam feitas para atender ao cliente no início do processo de desenvolvimento.
Menor índice de retrabalho
Caso ocorra um erro de análise e os programas já estão em uma fase mais avançada, poderá haver retrabalho de código. Com o protótipo este retrabalho é menor.
Terceirização do trabalho ou outsourcing (sub-contratação de serviços).
O cliente pode ter uma equipe de analistas de negócios que irão desenvolver os protótipos e a especificação do sistemas e 
após a validação dos usuários, 
eles enviam estes documentos para 
uma empresa terceirizada de 
desenvolvimento de sistemas.
A
Analisando Web Sites: Composição
A seguir 
serão apresentados alguns exemplos de estrutura de telas,
existem milhares de possibilidades...
tanto quanto a sua criatividade!
Analisando Web Sites: Composição
Animação que ilustra os 
trabalhos realizados pela empresa.
Logotipo
Menu
Busca Rápida
http://marylandsecurity.net/
http://marylandsecurity.net/
Logotipo
Menu
Busca Rápida
Animação que ilustra os 
trabalhos realizados pela empresa.
Analisando Web Sites: Composição
Propaganda da Empresa
Logotipo
Menu
Animação que ilustra os 
trabalhos realizados pela empresa.
Propaganda da Empresa
Propaganda da Empresa
Propaganda da Empresa
http://bluepixel.net/
http://bluepixel.net/
Propaganda da Empresa
Logotipo
Menu
Propaganda da Empresa
Propaganda da Empresa
Animação que ilustra os 
trabalhos realizados pela empresa.
Analisando Web Sites: Composição
Logotipo
Menu de Venda Produtos
Menu de outros serviços da empresa
Nome
R$9,99
Link
Ajuda
Nome
R$9,99
Link
Nome
R$9,99
Link
http://www.customtoronto.ca/bags/drawstring
http://www.customtoronto.ca/bags/drawstring
Logotipo
Menu de outros serviços da empresa
Nome
R$9,99
Link
Ajuda
Nome
R$9,99
Link
Menu de Venda Produtos
Nome
R$9,99
Link
Ferramentas para 
Desenvolver Protótipo
- Balsamiq 
Mockup 
Inkscape 
Corel Draw
Para tratamento de imagens:
Gimp (software livre)
Photshop
Não é obrigatório desenvolver os protótipos em ferramentas de desenho, você pode utilizar o próprio sistema IDE, por exemplo: NetBeans , Eclipse, 
Microsoft Visual Studio.
Os relatórios podem ser desenvolvidos com o Microsoft Excel.
As telas podem ser desenvolvidas usando o Power Point
Ferramentas para 
Desenvolver Protótipo
Ambiente Integrado de Desenvolvimento
GUI – Graphical User Interface
Interface Gráfica para Usuário
Interface gráfica que permite ao usuário uma interação fácil com componentes e controles para desenvolvimento de um sistema
Alta produtividade no desenvolvimento de sistemas
GUI – Graphical User Interface
Interface Gráfica para Usuário
Exemplo do Microsoft Visual Studio
Componentes Básicos
TextBox:
Caixa de texto
ComboBox: 
Caixa de seleção
ListBox:
Lista para seleção
DataTimePicker:
Calendário
Barra de Ferramentas com os Componentes 
Protótipo de Tela
Nome da Empresa
Menu
Barra de botões
Labels alinhados
Campos alinhados
Data
Nome do sistema
Formulário atual que usuário está trabalhando
Protótipo de Relatório
Nome da Empresa
Data
Nome do sistema
Nome do relatório
 
E quais os passos para eu desenvolver os protótipos?
 Levantamento de Requisitos.
Projetar o Mapa (o esqueleto) do Site.
 Pode fazer o DHF – Diagrama Hierárquico Funcional.
 Esboçar as telas do sistema. 
No início, pode fazer no papel mesmo e utilizar lápis e borracha.
 Desenvolver os protótipos.
Diagrama Hierárquico Funcional- DHF
Esse diagrama representa a arquitetura global de um sistema, mostrando os seus módulos e como estes se relacionam.
A construção de um DHF deve procurar espelhar a estrutura do sistema.
 A descrição do escopo do sistema, com sua subdivisão em subsistemas e módulos, a lista de requisitos e descrições associadas deve ser a base para a construção de um DHF.
Diagrama Hierárquico Funcional
Exemplo
Sistema de Pedido online
Diagrama Hierárquico Funcional
Exemplo
Sistema de Biblioteca
Mapa do Site
É uma representação hierárquica da estrutura de um site, é a representação do DHF (Diagrama Hieráquico Funcional) do site.
Mapa do site também é conhecido como “Estrutura de Conteúdo” e Sitemap.
Mapa do Site
(http://www.ford.com.br/mapa.asp)
Mapa do Site
(http://www.bbseguros.com.br/alianca/mapa-do-site.html)
31
Mapa do Site
(Sistema Venda Peças Automotivas)
Login
Página Principal
Tabelas
Tipo Produto
Produto
Funcionário
Estoque
Compra
Cancelamento
Relatório
Acesso
Perfil Acesso
Usuário
Venda
Caixa
Fechamento
Contas a Receber
Protótipo
Menu do Sistema 
(Sistema Venda Peças Automotivas)
E o que eu preciso para fazer um mapa do site? 
Você precisa dos requisitos funcionais do sistema!
E como eu desenvolvo este diagrama? 
Você pode fazer o mapa de 
site utilizando a Lista de Requisitos Funcionais / Processos. Você pode utilizar qualquer ferramenta. Existem várias open source (free)!
Mas e se eu ainda 
não tiver os 
requisitos funcionais?
O que devo fazer?
Você deve fazer o Levantamento de Requisitos do seu sistema!
Transparências do prof. Kleber Netto Fonseca.
Bohn, Daniel. Vantagens na utilização de protótipos navegáveis. Disponível em: <www.prototiponavegavel.com.br> . Acesso em 31/03/2012. 
Fabri J. A.. Os requisitos NÃO funcionais em um projeto de software. Disponível em: <http://engenhariasoftware.wordpress.com/2010/03/03/os-requisitos-nfuncionais-em-um-projeto-de-software/> . Acesso em 01/03/2012. 
Referências
Referências
Como: Criar um mapa de sites. Disponível em: 
< http://msdn.microsoft.com/pt-br/library/f8z2ft8a(v=vs.80).aspx>. Acesso em: 30/03/2012
Damasceno, Anielle. Webdesign: teoria e prática. 1ª Ed. Florianópolis: Visual Books, 2003.
Microsoft Visual C# 2010 Express.
Muito Obrigado!
kleber.nettofonseca@aedu.com