Slide 4ª aula ao vivo - Projeto, Implementação e Teste de Software

Prévia do material em texto

Projeto, 
Implementação e 
Teste de Software
Aula de Hoje
Prof. Esp. Janaína Freitas
Aula de Hoje
Plano de Estudo:
• Projeto de Dados
• Projeto de Componentes
• Projeto de Interface de Usuário
Pré-requisitos:
• Unidade: II
Projeto, Implementação e Teste de Software
Projeto de Dados
Prof. Esp. Janaína Freitas
Projeto, Implementação e Teste de Software
Define:
• Como os dados são organizados, como será os métodos de 
acesso, como será o processamento das informações e como 
serão armazenados os dados no sistema. 
Devemos considerar os seguintes aspectos:
• De que forma os dados serão organizados?
• Qual a sua estrutura?
• Que operações podem ser realizadas sobre estes dados?
• Que tipos de dados serão utilizados?
• Que informações estes dados irão armazenar?
Projeto de Dados
Projeto, Implementação e Teste de Software
Projeto de Dados
Possíveis Estruturas de dados que podem ser utilizadas no
Projeto de Dados:
• Listas
• Pilha
• Vetor sequencial
• Item escalar
• Árvores
• Grafos
Estrutura de dados é uma representação das relações lógicas existentes entre 
cada elemento individual de um dado.
Imagem: Shutterstock
Projeto, Implementação e Teste de Software
Projeto de Dados - Exemplos
• Representação de Lista Duplamente Encadeada:
Fonte: OLIVEIRA, Pietro Martins de; PEREIRA, Rogério de Leon. Estruturas de 
Dados II. Maringá: Unicesumar, 2019. 
Projeto, Implementação e Teste de Software
Projeto de Dados - Exemplos
• Representação de Diagrama Relacional e Tabela do Modelo Relacional: 
Fonte: HEUSER, Carlos Alberto. Projeto de Banco de Dados. UFRGS. 2009 (Adaptado).
Projeto, Implementação e Teste de Software
Projeto de Dados - Exemplos
• Representação de modelo entidade-relacionamento (modelo ER):
Fonte: HEUSER, Carlos Alberto. Projeto de Banco de Dados. UFRGS. 2009 
(Adaptado).
Projeto, Implementação e Teste de Software
Projeto de Dados - Exemplos
Representação de Grafos e Árvores
Representação de Registros, Vetores e Matriz.
Fonte: OLIVEIRA, Pietro Martins de; PEREIRA, Rogério de Leon. Estruturas de 
Dados II. Maringá: Unicesumar, 2019. 
Prof. Esp. Janaína Freitas
Projeto de Componentes
Componentes de Software
Projeto, Implementação e Teste de Software
Componente é uma unidade de software independente 
utilizada na construção de vários sistemas e que pode ser 
substituída por outra unidade que tenha a mesma 
funcionalidade. 
• Componentes são independentes.
• Componentes são reutilizáveis.
• Componentes podem ser compartilhados.
• Componentes reduzem os custos de desenvolvimento.
Componente Reutilizável
Projeto, Implementação e Teste de Software
O que é um Componente Reutilizável?
Qualquer parte de trabalho que possa ser utilizado em mais de 
um projeto:
• Código compilado, objetos executáveis;
• Código fonte, classes e métodos;
• Casos de testes;
• Modelos e projetos: frameworks, padrões;
• Interface de usuário;
• Planos, estratégias e regras arquiteturais.
Componente Reutilizável
Projeto, Implementação e Teste de Software Fonte: autora
Projeto 1
Requisitos/Análise
Projeto
Implementação
Testes
Aplicação 1
Projeto 2
Requisitos/Análise
Projeto
Implementação
Testes
Aplicação 2
Reuso 
(partes de programas 
ou partes do código)
Projeto de Componentes
Fonte: autora
Sem reuso
Verificação 
do CPF
Sistema A
Verificação 
do CPF
Verificação 
do CPF
Sistema B Sistema C
Com reuso
Sistema A
Sistema B
Sistema C
Sistemas Biblioteca 
Comum
Verificação 
do CPF
Desenvolvimento de Componentes 
Projeto, Implementação e Teste de Software
As atividades essenciais para o desenvolvimento com 
componentes são:
• Encontrar componentes com potencial de serem usados no 
desenvolvimento da aplicação.
• Selecionar componentes que atendam aos requisitos de 
uma aplicação específica.
• Realizar adaptações.
• Realizar a composição dos componentes.
• Atualizar os componentes. 
Projeto de Componentes - Exemplo
Projeto, Implementação e Teste de Software
Fonte: autora
Projeto de Componentes - Exemplo
Projeto, Implementação e Teste de Software
Fonte: autora
Projeto de Componentes - Exemplo
Projeto, Implementação e Teste de Software
Fonte: autora
Projeto de Interfaces
Prof. Esp. Janaína Freitas
Projeto de Interface
Projeto, Implementação e Teste de Software
• O Projeto de interface do usuário cria um meio de 
comunicação efetiva entre o ser humano e o computador.
• Ele é usado para descrever como um software se comunica 
com outros sistemas e com as pessoas que o utilizam.
• A interface do usuário é a parte mais importante de 
qualquer sistema computacional. 
Por que? 
• Ela é o sistema para a maioria dos usuários.
• Ela pode ser vista, ouvida e também pode ser tocada.
Projeto de Interface
Projeto, Implementação e Teste de Software
Regras de ouro que foram publicadas sobre Projeto de 
Interfaces do usuário:
• O usuário deve estar no comando.
• Procure reduzir a carga de memória do usuário.
• Procure tornar a interface do sistema mais consistente.
Imagem: Shutterstock
Projeto de Interface – Classificações 
Projeto, Implementação e Teste de Software
Dependendo do formato como a interface é implementada, é 
classificada dentro de uma dada categoria.
As classificações mais comuns são:
• Linha de Comando/Linguagem Natural.
• Interfaces de Menus.
• Interface por Diálogos.
• Interface de Manipulação Direta/Icônicas.
• WYSIWYG (What You See Is What You Get, ou "Você Vê
Aquilo Que Será o Resultado").
• Interfaces Mistas (WIMP).
Projeto de Interface – Classificações 
Projeto, Implementação e Teste de Software Fonte: autora
• Linha de Comando/Linguagem Natural
Projeto de Interface – Classificações 
Projeto, Implementação e Teste de Software Fonte: autora
• Interfaces de Menu
Projeto de Interface – Classificações 
Projeto, Implementação e Teste de Software Fonte: autora
• Interfaces por Diálogo
Projeto de Interface – Classificações 
Projeto, Implementação e Teste de Software
• Interfaces de Manipulação Direta/Icônicas
Imagens: Pixabay
Projeto de Interface – Classificações 
Projeto, Implementação e Teste de Software
Fonte: autora
• WYSIWYG (What You See Is What You Get, ou "Você Vê
Aquilo Que Será o Resultado").
Projeto de Interface – Classificações 
Projeto, Implementação e Teste de Software Fonte: autora
• Interfaces Mistas WIMP (Windows, Icons, Menus and Pointers)
Projeto de Interface 
Projeto, Implementação e Teste de Software
• Protótipo é uma representação de média ou alta fidelidade 
do projeto final a ser desenvolvido. 
• Normalmente, simula a interface de interação com o usuário 
final. 
Imagem: Pixabay
Projeto de Interface - Exemplo
Projeto, Implementação e Teste de Software Fonte: autora
Projeto de Interface - Exemplo
Projeto, Implementação e Teste de Software Fonte: autora
Projeto de Interface - Exemplo
Projeto, Implementação e Teste de Software Fonte: autora
Projeto de Interface - Exemplo
Projeto, Implementação e Teste de Software Fonte: autora
Projeto de Interface 
Projeto, Implementação e Teste de Software Fonte: autora
Algumas Ferramentas de Prototipação:
Gratuitas:
• Pencil Project: disponível em http://pencil.evolus.vn/!
• Balsamiq: disponível em https://balsamiq.com/
• Marvel App: disponível em https://marvelapp.com/
• Invision: disponível em 
https://www.invisionapp.com/studio 
• NinjaMock: disponível em https://ninjamock.com/.
Próxima aula: 
Unidade III e IV
• Implementação de Software
• Teste de Software 
Projeto, Implementação e Teste de Software