Descrição do Desenho da Interação do Software. Simples

Transcrição

1 BORORO Informática Ltda Descrição do Desenho da Interação do Software Simples { Versão revisada 1.0 } Autores: Equipe Bororo: Cláudia Galinkin Fernanda de Souza Fortuna Laranjeira Gino Ottoni Durante Simone de Oliveira Souza Belo Horizonte - MG dezembro / 2006

2 Projeto < nome do projeto > Aprovação Aprovam o documento de Descrição do Desenho da Interação{ Versão revisada < n > } do projeto < nome do projeto >. Cláudia Galinkin 22/12/06 Fernanda de Souza Fortuna Laranjeira 22/12/06 Gino Ottoni Durante 22/12/ 06 Simone de Oliveira Souza 22/12/06 < organização > 2

3 Descrição do Desenho do Software Versão revisadas anteriores Não se aplica. 3 < organização >

4 Projeto < nome do projeto > Descrição do Desenho da Interação do Software Sumário Aprovação...2 Versão revisadas anteriores...3 Descrição do Desenho da Interação do Software...4 Sumário Introdução Objetiv deste documento Escopo do produto Nome do produto e de seus componentes principais Missão do produto Limites do produto Benefíci do produto Materiais de referência Definições e siglas Visão geral deste documento Desenho externo Aspect gerais de processo Participação d usuári no desenho das interfaces Metas de Usabilidade Aspect gerais do produto Modelo conceitual Modelo mental Modelo Conceitual Estático Desenho Modelo de conteúdo e navegação Ambientes de interação Estrutura estática Estrutura dinâmica Protótipo de desenho da interface com o usuário - I Interfaces do usuário Tratamento de err do usuário Tratamento da ajuda ao usuário Convenções gerais utilizadas Protótipo de desenho da interface com o usuário - II...33 < organização > 4

5 Descrição do Desenho do Software 1 Introdução 1.1 Objetiv deste documento Este documento tem por finalidade a descrição do desenho da interação (requisit de interface e resultad das atividades de análise) do projeto Simples 1.0, com o objetivo de se desenvolver a especificação da interface do usuário pronta para ser desenhada e implementada.o público-alvo consiste d desenvolvedores da Bororo Informática Ltda e do representante d usuári, por parte do cliente. 1.2 Escopo do produto Nome do produto e de seus componentes principais O nome do produto é Simples 1.0, componente único Missão do produto O produto Simples 1.0 tem por missão melhorar o atendimento do Supermercado Irmã Waldemar Ltda, oferecendo auto-atendimento, serviç diferenciad a clientes e também informações a funcionári sobre hábit de consumo, preferências, reclamações, etc. que psam ser úteis para aumentar as vendas, assegurar crescimento e melhorar o relacionamento entre empresa e cliente Limites do produto O Simples não estará disponível na Internet, apenas n quiques montad nas lojas d Supermercad Waldemar. 5 < organização >

6 Projeto < nome do projeto > Benefíci do produto Número de ordem Benefício 1 Auxílio na divulgação de diferentes linhas de produt Valor para o cliente Conhecimento de nov produt 2 Auxílio na divulgação de promoções Economia do valor gasto nas compras 3 Agilidade na localização de produt Economia do tempo gasto nas compras 4 Estoque sempre atualizado Planejamento de compras; facilita gerenciamento 5 Melhoria no relacionamento com clientes Melhor atendimento 6 Orientação nas compras d clientes Economia do tempo gasto nas compras 7 Informações para gerenciamento Planejamento de compras e propagandas; estudo de melhoras para o cliente 8 Manter lista atualizada de clientes do supermercado. Planejamento do perfil do cliente; comunicação com cliente; psibilidade de pesquisa junto a clientes. 9 Consulta de produt similares Economia para o consumidor; facilidade de comparação entre produt. 10 Lista de compras Economia de tempo gasto na compra; identificação d hábit de compra do cliente conforme perfil. < organização > 6

7 Descrição do Desenho do Software 1.3 Materiais de referência Número de ordem Tipo do material Referência bibliográfica 1 Relatório Propta de Especificação do Sistema Simples Documentação de Desenvolvimento 3 Documentação de Desenvolvimento 4 Documentação de Desenvolvimento Especificação d Requisit do Software Projeto Simples Versão 1.0. Especificação d Requisit de Usabilidade do Software Projeto Simples. Especificação d Requisit do Software Projeto Simples Versão Livro PAULA FILHO, Wilson de Pádua. Engenharia de Software: Fundament, Métod e Padrões. 2.ed. Rio de Janeiro: LTC, Definições e siglas Número de ordem Sigla 1 n/a Não se aplica Definição 1.5 Visão geral deste documento Este documento está dividido em 2 seções: 1. Introdução 2. Desenho Externo 7 < organização >

8 2 Desenho externo 2.1 Aspect gerais de processo Participação d usuári no desenho das interfaces A participação d usuári no desenho das interfaces deu-se através da análise do público-alvo, verificando-se uma grande variedade de perfis, o que implicou uma necessidade de interfaces simples, fáceis de usar por tod perfis identificad Metas de Usabilidade Número de ordem ID Atributo de usabilidade Ator Instrumento de medida Valor a ser medido Metas (níveis) Atual Pior aceitável Melhor psível Alvo almejado 1 RU1 Desempenho inicial Usuário genérico Consulta de promoção Tempo de execução da tarefa na primeira tentativa 50 segund 1 minuto 25 segund 30 segund 2 RU2 Desempenho inicial Organiza dor de Evento Elaboração de lista de compras Tempo gasto em err e recuperação 4 minut 3 minut 1 minut 2 minut 3 RU3 Primeira impressão Usuário genérico Questionário Média de avaliações (entre 0 e 2) RU4 Acurácia Usuário genérico Questionário Item: Facilidade p/ encontrar as informações desejadas (entre 0 e 2) Aspect gerais do produto Modelo conceitual

9 Descrição do Desenho do Software Componente único, o Simples é um mecanismo informatizado visando facilitar o relacionamento do Supermercado Irmã Waldemar Ltda. com seus clientes e funcionári, psibilitando a consulta de ofertas, lista de compras, localização de produt, identificação de produt por código de barras, sugestão de produt para event ou receitas fornecidas, consulta de preç por classe de produt, cadastramento de clientes e sugestões e reclamações Modelo mental Ao lado de cada opção do sistema, será exibida uma imagem representativa desta opção. Por exemplo:. Consultar Ofertas. Lista de Compras:.Localização de produt:.identificação por código de barras:.event/receitas:.consultar preç:.cadastrar clientes: Sugestão/Reclamações: Sempre que psível, haverá uma imagem associada ao comando a ser executado. Por exemplo, o botão para imprimir uma lista de compras terá a imagem de uma impressora Modelo Conceitual Estático O Simples 1.0 é um sistema de apoio a clientes e funcionári do Supermercado Irmã Waldemar. Estará disponível em terminais distribuíd nas dependências do supermercado. Cada terminal contará com um leitor de código de barras que será utilizado pel clientes ou funcionári para consultar um produto. Cada terminal contará também com uma pequena impressora que poderá ser utilizada para impressão de listas de compras. 9 < organização >

10 Projeto < nome do projeto > Desenho Roteiro Consultar Ofertas O cliente deseja consultar produt mais barat de uma determinada classe de produt. Ele aperta o botão Consultar ofertas. O sistema exibe uma nova tela onde o cliente seleciona a classe de produt desejada e então observa produt relacionad. Se o cliente desejar realizar outra consulta, ele aperta o botão Retornar Roteiro Lista de Compras O cliente deseja fazer uma lista de compras. Ele seleciona a opção Lista de compras. O sistema exibe uma nova tela. O cliente escolhe o cpf, o sistema mtra a última lista de compras caso tenha. A partir daí o cliente pode excluir, alterar ou incluir itens na lista de compras bastando para isto escolher a classe de produt e selecionar aquele desejado. Ao se digitar zero como quantidade o item é excluído, ao se digitar um novo valor na quantidade ele é alterado ou caso não exista é só digitar a quantidade desejada e o item é automaticamente incluído na lista É mtrado no rodapé da lista a quantidade de itens escolhidas e o valor total da lista. O cliente poderá imprimir a lista caso queira, embora esta opção não esteja implantada no protótipo. Só poderão fazer listas clientes cadastrad previamente. Se o cliente desejar realizar outra consulta, ele aperta o botão Retornar Roteiro Localização de Produt O cliente deseja localizar um determinado produto. Ele seleciona a opção Localização de Produt. O sistema exibe uma nova tela. O cliente escolhe a classe do produto, aperta o botão Visualize Localização e o sistema mtra o mapa do supermercado apontando o setor onde se encontra o produto. Se o cliente desejar realizar outra consulta, ele aperta o botão Retornar Roteiro Identificação por código de barras O cliente deseja ter informações sobre um produto pela leitura do seu código de barras. Ele seleciona a opção Identificação por código de barras. O sistema exibe uma nova tela. O cliente lê o código de barras ou digita o mesmo. O sistema exibe a imagem, o preço e o mapa com sua localização. Se o cliente desejar realizar outra consulta, ele aperta o botão Retornar Roteiro Event/Receitas O cliente deseja conhecer uma receita e quais ingredientes esta receita precisa, ou obter uma lista de produt necessári para a realização de um evento. Ele seleciona a opção Event/Receita. O sistema exibe uma nova tela. O cliente escolhe a opção, digita para quantas pessoas e o sistema mtra a quantidade total necessária de cada item e o custo por item. Embaixo mtra o valor total para o evento ou receita. É mtrado também uma sugestão de receita ou dicas para realização do evento. Se o cliente desejar realizar outra consulta, ele aperta o botão Retornar. < organização > 10

11 Descrição do Desenho do Software Roteiro Consultar preç O cliente deseja fazer uma consulta de preç por tipo de produt e com valor máximo determinado. Ele seleciona a opção Consultar preç. O sistema exibe uma nova tela. O cliente escolhe a classe, o tipo e digita o preço limite. O sistema exibe quais produt satisfazem a escolha, informando o preço, a localização e mtrando uma imagem. Se o cliente desejar realizar outra consulta, ele aperta o botão Retornar Roteiro Cadastrar clientes O cliente deseja se registrar no supermercado. Ele seleciona a opção Cadastrar cliente. O sistema exibe uma nova tela. O cliente digita seu cpf, nome, telefone e endereço. Confirma as informações e recebe uma mensagem avisando que a operação obteve sucesso. A partir daí pode fazer listas de compras e receber encartes em casa. Se o cliente desejar realizar outra consulta, ele aperta o botão Retornar Roteiro Sugestão/reclamação O cliente deseja fazer uma sugestão ou uma reclamação. Ele seleciona a opção Sugestão/Reclamação. O sistema exibe uma nova tela. O cliente digita o texto e opcionalmente se identifica. Confirma as informações e recebe uma mensagem avisando que a operação obteve sucesso. Se o cliente desejar realizar outra consulta, ele aperta o botão Retornar. 11 < organização >

12 Projeto < nome do projeto > Modelo de conteúdo e navegação Ambientes de interação Número de ordem Ambiente 1 Tela Principal Acesso às opções do sistema. 2 Tela de Consulta de Ofertas 3 Tela de Lista de Compras 4 Tela de Localização de Produt 5 Tela de Identificação por código de barras 6 Tela de Event/Receitas 7 Tela de Consulta de Preç 8 Tela de Cadastro de Clientes 9 Tela de Sugestões/Reclamaçõ es Descrição do conteúdo Interface on-line para visualização das promoções válidas na data corrente. Interface on-line para confecção de uma lista de compras por cliente cadastrado. Interface on-line para visualização da localização do produto consultado nas dependências do supermercado. Interface on-line para visualização do preço do produto consultado através do código de barras. Interface on-line para visualização de uma lista de compras específicas para realização de um determinado evento ou a confecção de uma receita. Interface on-line para visualização do preço do produto consultado de uma determinada classe, tipo e com um teto estabelecido. Interface on-line para cadastramento do cliente. Interface on-line para registro de sugestões ou reclamações Estrutura estática < organização > 12

13 Descrição do Desenho do Software Estrutura dinâmica 13 < organização >

14 Projeto < nome do projeto > Protótipo de desenho da interface com o usuário - I As seções a seguir descrevem as interfaces do primeiro protótipo do Simples 1.0, apresentado para avaliação do usuário em 15/12/ Interfaces do usuário O menu exibe ao usuário as várias consultas disponíveis. A cada consulta corresponde um botão de comando, o qual permite acessar a interface própria da consulta. As interfaces do Simples 1.0 serão detalhadas nas próximas seções Interface de usuário Menu Imagem da interface Diagrama de estad Não se aplica. < organização > 14

15 Descrição do Desenho do Software Relacionament com outras interfaces O botão Consultar Ofertas aciona a Tela Consultar Ofertas. O botão Lista de Compras aciona a Tela Lista de Compras. O botão Localização de Produt aciona a Tela Localização de Produt. O botão Identificação Por Código de Barras aciona a Tela Identificação Por Código de Barras. O botão Event/Receitas aciona a Tela Event/Receitas. O botão Consultar Preç aciona a Tela Consultar Preç. O botão Cadastrar Clientes aciona a Tela Cadastrar Clientes. O botão Sugestões/Reclamações aciona a Tela Sugestões/Reclamações Camp Não se aplica. 15 < organização >

16 Projeto < nome do projeto > Comand Lista de comand Número Nome Estilo Ação 1 Consultar Ofertas 2 Lista de Compras 3 Localização de Produt 4 Identificação Por Código de Barras 5 Event/Receita s 6 Consultar Preç 7 Cadastrar Clientes 8 Sugestões/Recl amações Botão Botão Botão Botão Botão Botão Botão Botão Aciona a Tela Consultar Ofertas Aciona a Tela Lista de Compras Aciona a Tela Localização de Produt Aciona a Tela Identificação Por Código de Barras Aciona a Tela Event/Receitas Aciona a Tela Consultar Preç Aciona a Tela Cadastrar Clientes Aciona a Tela Sugestões/Reclamaçõe s < organização > 16

17 Descrição do Desenho do Software Interface de usuário Consultar Ofertas Imagem da interface Diagrama de estad Não se aplica Relacionament com outras interfaces O botão Retornar volta para tela anterior (menu). 17 < organização >

18 Projeto < nome do projeto > Camp Número Nome Valores válid 1 Classe Caracteres 2 Item Caracteres 3 Preço Caracteres numéric 4 Localização Caracteres 5 Figura Não se aplica Formato Tipo Restrições Até 50 Até 25 Sem restrição. Numérico Moeda Até 25 Não se aplica JPG Comand Lista de comand Número Nome Estilo Ação 1 Classe Caixa de combinação Aciona produt da classe em oferta 2 Retornar Botão Retorna a tela anterior (menu) < organização > 18

19 Descrição do Desenho do Software Interface de usuário Lista de Compras Imagem da interface Diagrama de estad Não se aplica Relacionament com outras interfaces O botão Retornar volta para tela anterior (menu). 19 < organização >

20 Projeto < nome do projeto > Camp Número Nome Valores válid 1 Cliente(cpf) Caracteres numéric 2 Classe Caracteres 2 Item Caracteres 3 Preço Caracteres numéric 4 Quantidade Caracteres numéric 6 Figura Não se aplica 7 Lista.item Caracteres 8 Lista.quantida de Caracteres numéric 9 Lista.valor Caracteres numéric 10 Lista.localizaç ão Caracteres Formato Tipo Restrições 14 dígit Numérico Sem restrição. Até 50 Até 25 Sem restrição. 14 dígit Moeda 14 dígit Numérico Sem restrição. Não se aplica JPG Até dígit Numérico Sem restrição. 14 dígit Moeda Até Comand Lista de comand Número Nome Estilo Ação 1 Cliente Caixa de combinação Aciona lisa de cliente cadastrado 2 Classe Caixa de combinação Aciona produt da classe 3 Adicionar/Rem over da Lista Botão Adiciona ou remove item da lista de compras 4 Retornar Botão Retorna a tela anterior (menu) < organização > 20

21 Descrição do Desenho do Software Interface de usuário Localização de Produt Imagem da interface Diagrama de estad Não se aplica Relacionament com outras interfaces O botão Retornar volta para tela anterior (menu). 21 < organização >

22 Projeto < nome do projeto > Camp Número Nome Valores válid 1 Classe Caracteres 2 Item Caracteres 3 Preço Caracteres numéric 4 Figura Não se aplica 5 Mapa Não se aplica Formato Tipo Restrições Até 50 Até 25 Sem restrição. 14 dígit Moeda Não se aplica JPG Não se aplica JPG Comand Lista de comand Número Nome Estilo Ação 1 Classe Caixa de combinação Aciona produt da classe 2 Visualize Localização Botão Mtrar mapa com localização 3 Retornar Botão Retorna a tela anterior (menu) < organização > 22

23 Descrição do Desenho do Software Interface de usuário Identificação por Código de Barras Imagem da interface Diagrama de estad Não se aplica Relacionament com outras interfaces O botão Retornar volta para tela anterior (menu). 23 < organização >

24 Projeto < nome do projeto > Camp Número Nome Valores válid 1 Código de Barras Caracteres 2 Item Caracteres 3 Preço Caracteres numéric 4 Figura Não se aplica 5 Mapa Não se aplica Formato Tipo Restrições Até 128 Até 25 Sem restrição. 14 dígit Moeda Não se aplica JPG Não se aplica JPG Comand Lista de comand Número Nome Estilo Ação 1 Código de Barras Campo texto Aciona produto correspondente ao código de barras 3 Retornar Botão Retorna a tela anterior (menu) < organização > 24

25 Descrição do Desenho do Software Interface de usuário Event/Receitas Imagem da interface Diagrama de estad Não se aplica Relacionament com outras interfaces O botão Retornar volta para tela anterior (menu). 25 < organização >

26 Projeto < nome do projeto > Camp Número Nome Valores válid 1 Opção Caracteres 2 Pessoas Caracteres numéric 3 Receita Caracteres 4 Evento.item Caracteres 5 Evento.quanti dade unitária 6 Evento.quanti dade total Caracteres numéric Caracteres numéric 7 Evento.valor Caracteres numéric 8 Evento.localiz ação Caracteres Formato Tipo Restrições Até 50 Sem restrição 14 dígit Numérico Sem restrição. Até 50 linhas Até dígit Numérico 14 dígit Numérico 14 dígit Moeda Até Comand Lista de comand Número Nome Estilo Ação 1 Opção Caixa de combinação Aciona produt do evento/receita 2 Pessoas Campo texto Multiplica receita por quantidade de pessoas 3 Retornar Botão Retorna a tela anterior (menu) < organização > 26

27 Descrição do Desenho do Software Interface de usuário Consultar Preç Imagem da interface Diagrama de estad Não se aplica Relacionament com outras interfaces O botão Retornar volta para tela anterior (menu). 27 < organização >

28 Projeto < nome do projeto > Camp Número Nome Valores válid 1 Classe Caracteres 2 Tipo Caracteres 3 Preço limite Caracteres numéric 4 Item Caracteres 5 Preço Caracteres numéric 6 Localização Caracteres 7 Figura Não se aplica Formato Tipo Restrições Até 50 Até 50 Sem restrição. Sem restrição. Numérico Moeda Sem restrição. Até 25 Numérico Moeda Até 25 Não se aplica JPG Comand Lista de comand Número Nome Estilo Ação 1 Classe Caixa de combinação Aciona produt da classe/tipo/preço 2 Tipo Caixa de combinação Aciona produt da classe/tipo/preço 3 Preço Campo texto Aciona produt da classe/tipo/preço 4 Retornar Botão Retorna a tela anterior (menu) < organização > 28

29 Descrição do Desenho do Software Interface de usuário Cadastrar Clientes Imagem da interface Diagrama de estad Não se aplica Relacionament com outras interfaces O botão Retornar volta para tela anterior (menu). 29 < organização >

30 Projeto < nome do projeto > Camp Número Nome Valores válid 1 Cpf Caracteres numéric 2 Nome Caracteres 3 Telefone Caracteres numéric 4 Endereço Caracteres Formato Tipo Restrições Até 14 Até 50 Ate15 Até 40 Sem restrição. Sem restrição. Sem restrição. Sem restrição Comand Lista de comand Número Nome Estilo Ação 1 Submete Cliente Botão Registra cliente 2 Retornar Botão Retorna a tela anterior (menu) < organização > 30

31 Descrição do Desenho do Software Interface de usuário Sugestões/Reclamações Imagem da interface Diagrama de estad Não se aplica Relacionament com outras interfaces O botão Retornar volta para tela anterior (menu). 31 < organização >

32 Projeto < nome do projeto > Camp Número Nome Valores válid 1 Sugestão/Recl amação Caracteres numéric 2 Nome Caracteres 3 Telefone Caracteres numéric 4 Endereço Caracteres 5 CEP Caracteres numéric 6 Cidade Caracteres 7 Caracteres Formato Tipo Restrições Até 50 linhas Sem restrição. Até 50 Ate15 Até 40 Ate15 Até 50 Até 50 Sem restrição. Sem restrição. Sem restrição. Sem restrição. Sem restrição. Sem restrição Comand Lista de comand Número Nome Estilo Ação 1 Retornar Botão Retorna a tela anterior (menu) Matriz de habilitação Não se aplica Tratamento de err do usuário 1. O sistema emitirá mensagens informativas sobre err cometid pel usuári. 2. Para correção de err de sistema ou outr que não psam ser corrigid pela aplicação, o sistema deverá ser reiniciado. < organização > 32

33 Descrição do Desenho do Software Tratamento da ajuda ao usuário Para a interface menu: 1. Para o botão Consultar Ofertas é colocado um feedback informativo articulatório Escolha a casse de produt, visualize ofertas. 2. Para o botão Lista de Compras é colocado um feedback informativo articulatório Identifique-se pelo cpf monte sua lista por classe de produto clicando no botão adicionar/remover da lista. 3. Para o botão Localização de Produt s é colocado um feedback informativo articulatório Escolha a classe de produt, localize o produto clicando no botão Visualize localização. 4. Para o botão Identificação Por Código de Barras é colocado um feedback informativo articulatório Digite ou passe o código de barra, visualize as informações principais do produto. 5. Para o botão Event/Receitas é colocado um feedback informativo articulatório Escolha event/receitas, digite a quantidade de pessoas, visualize lista completa. 6. Para o botão Consultar Preç é colocado um feedback informativo articulatório Escolha a classe de produt, escolha o tipo de produto, digite preço limite, visualize informações. 7. Para o botão Cadastrar Clientes é colocado um feedback informativo articulatório Digite informações solicitadas e confirme operação clicando no botão Submete Cliente. 8. Para o botão Sugestões/Reclamações é colocado um feedback informativo articulatório Digite sugestão/reclamação e opcionalmente se identifique Convenções gerais utilizadas Número de ordem Tipo de convenção Descrição da convenção Protótipo de desenho da interface com o usuário II Não se aplica 33 < organização >