Description of Features for Dimed's B2B Services Web App

Embed Size (px)

Citation preview

  • 7/24/2019 Description of Features for Dimed's B2B Services Web App

    1/9

    Descritivo FuncionalDimed

    Janeiro de 2013

  • 7/24/2019 Description of Features for Dimed's B2B Services Web App

    2/9

    Pgina 2 RED, projetamos felicidade.

    1.Introduo

    Este documento o descritivo funcional, ou seja, a listagem de funcionalidades com as

    respectivas descries e definies, do portal transacional em complemento ao portal de

    servios da Dimed. Neste documento esto relacionadas as pginas e funcionalidades que iro

    compor o sistema, podendo evoluir no decorrer dos processos de desenvolvimento do projeto e

    sugestes do cliente.

  • 7/24/2019 Description of Features for Dimed's B2B Services Web App

    3/9

    Pgina 3 RED, projetamos felicidade.

    2.Menu

    O menu do sistema ser inserido dentro da hierarquia previamente estabelecida para o projeto

    do portal de servios da Dimed, pois o portal transacional trata-se de um projeto complementar

    a este. Os itens que sero incorporados ao menu j existente, nas respectivas hierarquias, so:

    B. Pedidos

    B.1 Lista de Produtos, Promoes, Lanamentos e Reposies

    B.1.1 Buscar Produtos

    B.1.1.X Resultado da Busca de Produtos

    B.1.1.X.Y Detalhe do Produto

    B.1.2 Filtrar Resultados

    B.1.2.X Resultado dos Filtros Aplicados

    B.1.2.X.Y (B.1.1.X.Y) Detalhe do Produto

    B.1.3 Aplicar Promoo

    B.1.4 Lista dos Itens no Pedido

    B.1.4.1 Salvar Pedido

    B.1.4.2 Duplicar PedidoB.1.4.3 Fechar e Enviar Pedido

    B.1.5 Layout da Tabela

    B.2 Meus Pedidos (Histrico de Pedidos)

    B.2.1 Filtrar Pedidos

    B.2.1.X Resultados dos Filtros Aplicados

    B.2.1.X.Y Detalhe do Pedido

    B.2.1.X.Y.1 Status do Pedido

    B.2.1.X.Y.2 Rastreamento do Pedido

    B.2.1.X.Y.3 Notas Relacionadas

    B.2.1.X.Y.4 Itens Atendidos, No Atendidos eParcialmente Atendido

    B.2.2 Estatsticas de Operador Logstico

    J. Ajuda

    J.2 Tutorial

    Observao: o cdigo e numerao das pginas segue o padro estabelecido no sitemap.

  • 7/24/2019 Description of Features for Dimed's B2B Services Web App

    4/9

    Pgina 4 RED, projetamos felicidade.

    3. Interface

    Conforme observado em pesquisas etnogrficas, entrevistas com usurios e anlises de

    interfaces, seguidos de alinhamentos com a equipe da Dimed, foram definidas funcionalidades

    que devero ser contempladas no portal transacional da Dimed. As funcionalidades, nas

    respectivas sees, so:

    B. Pedidos

    B.1 Lista de Produtos, Promoes, Lanamentos e Reposies

    A seo de pedidos ser a pgina principal do portal da Dimed. Assim que o usurio realizar o

    login no portal, ele dever ser encaminhado para a pgina de pedidos, j com todos os

    produtos disponveis listados, possuindo paginao quando necessrio.

    A lista de produtos dever apresentar os campos: descrio, quantidade solicitada (campo

    editvel), cdigo de produto interno da Dimed, situao no estoque, preo fbrica, total do item,

    preo consumidor, desconto promocional, promoo, controle de preos, cdigo de barras,

    grupo, tarja, status de comercializao (trabalha com o produto, no trabalha, fabricao

    suspensa...), quantidade na embalagem e tipo de unidade, alm do boto de ao para

    adicionar o item lista de pedidos. O usurio ter a opo de configurar as colunas que deseja

    ocultar ou exibir na tabela (B.1.5) atravs de uma janela flutuante (modal), seguindo orientao

    da Dimed acerca de quais colunas devem ser fixas, podendo reposicionar as colunas ao

    arrast-las com o mouse, podendo tambm optar por mostrar na listagem os itens

    descontinuados.

    Essa lista dever possuir um campo de busca viva (B.1.1) com correo e sugesto de termos,

    onde o usurio poder buscar pela descrio ou cdigo interno da dimed.

    Comment [JS1]: Aqui havero outrassituaes do item. No podemos definir

    somente 3. Colocar reticncias, pois depois

    passaremos todas as situaes disponveis.

  • 7/24/2019 Description of Features for Dimed's B2B Services Web App

    5/9

    Pgina 5 RED, projetamos felicidade.

    Devero existir filtros (B.1.2) selecionveis (dropdowns, radio buttons, check boxes e campos

    de texto) que viabilizem estreitar a lista de produtos (B.1) ou resultado de busca (B.1.1.X)

    exibidos, possibilitando a filtragem pelos campos presentes na tabela, como status no estoque,

    grupo, tarja, tipo de unidade, intervalos de preos fbrica e preo consumidor, descontos,

    promoes e controle de preos; bem como dever existir a opo de selecionar e aplicar uma

    promoo (B.1.3) aos itens listados e possibilitar a filtragem por itens exclusivos de promoo,

    reposio e lanamento.

    O detalhe do produto (B.1.1.X.Y) dever ser exibido sem que o usurio seja direcionado para

    outra pgina, sendo exibido atravs de um elemento flutuante sobre ou encaixado na pgina da

    lista de produtos. Para todos os produtos devero ser exibidas miniaturas das imagens. O

    detalhe de produto dever possuir um boto de ao para adicion-lo lista do pedido e

    quando o produto estiver em falta, o usurio poder optar por ser notificado atravs do sistema

    atravs do boto Avise-me.

    Ainda na pgina da lista de produtos, no ambiente transacional, dever estar sempre presente

    a rea de pedidos (B.1.4), onde os produtos adicionados ao pedido ficaro listados. Essa rea

    dever possuir botes de ao para: salvar pedido e atribuir um nome lista salva (B.1.4.1),

    duplicar pedido para outro cdigo de cliente da mesma rede (quando habilitado para o perfil

    logado que est fazendo o pedido) (B.1.4.2), reaproveitar pedidos feitos e salvos anteriormente

    (itens e quantidades solicitadas) e para enviar o pedido (B.1.4.3). Essa rea dever exibir

    tambm o passo em que o usurio se encontra dentro do processo de composio,

    fechamento e envio de pedido. A medida que o usurio for concluindo esses passos, essa rea

    dever exibir essas novas informaes sem a necessidade de recarrecar a pgina.

    A interface dos passos para o fechamento de pedido dever possibilitar que o usurio possa

    inserir um cdigo promocional antes do fechamento do mesmo, aplicando descontos e

  • 7/24/2019 Description of Features for Dimed's B2B Services Web App

    6/9

    Pgina 6 RED, projetamos felicidade.

    promoes no pedido realizado, bem como listar as promoes e cdigos promocionais j

    aplicados ao pedido.

    Ao fechar o pedido, sero confirmadas as relaes de quantidades solicitadas dos itens e as

    quantidades que a Dimed poder atender mediante o fechamento e envio do pedido, alertando

    ao cliente o fechamento e envio da compra, fornecendo os dados para que ele possa localizar

    o pedido em Meus Pedidos.

    Na etapada de pagamento do pedido, devero ser apresentadas ao cliente as formas de

    pagamento que sero disponibilizadas pela Dimed, dentre elas o pagamento atravs de um ou

    mais boletos ou atravs de carto de crdito, contemplando tambm os passos para o

    pagamento atravs desse ltimo via internet.

    O sistema dever possibilitar o login para um perfil de usurio com a capacidade de compor

    pedidos para diferentes cdigos de clientes, semelhante ao modelo de usurio mster j

    utilizado no Portal de Servios, que pode visualizar informaes financeiras de diferentes

    clientes ao inserir seu cdigo. Esse perfil poder ser utilizado por agentes de negcio, na

    eventual necessidade de fazer pedidos para os clientes que atendem.

    B.2 Meus Pedidos (Histrico de Pedidos)

    Na seo de Meus Pedidos (B.2), o usurio poder acessar informaes referentes aos

    pedidos j realizados, que j foram ou no concludos. Haver a possibilidade de buscar e

    filtrar pedidos (B.2.1 e B.2.1.X) atravs do nmero das respectivas notas e boletos bem como

    de suas datas de emisso e vencimento, valor do pedido mais data de realizao do pedido e

    status do pedido.

  • 7/24/2019 Description of Features for Dimed's B2B Services Web App

    7/9

    Pgina 7 RED, projetamos felicidade.

    A partir da listagem de pedidos, alm de imprimir a lista, o usurio poder acessar as

    informaes de detalhe de cada pedido a partir de um elemento flutuante que conter as

    seguintes informaes: status do pedido (B.2.1.X.Y.1), rastreamento do pedido (status da

    entrega do pedido) (B.2.1.X.Y.2), notas relacionadas ao pedido (B.2.1.X.Y.3) e a relao de

    itens do pedido que foram atendidos, no atendidos e parcialmente atendidos (B.2.1.X.Y.4).

    Ainda nessa seo, existir a pgina de Estatsticas de Operador Logstico (B.2.2), onde o

    usurio poder visualizar relatrios e estatsticas como os j disponibilizados hoje no E-Dimed

    para os usurios que necessitem dessa funcionalidade para gerar relatrios e resumos. Nessa

    pgina ele poder selecionar o cliente acerca do qual o relatrio ser exibido, o intervalo de

    datas a ser considerado, a estatstica que se deseja observar entre valor bruto, valor lquido e

    nmero de pedidose o tipo de informao que se deseja cruzar valor, percentual,

    programa, percentual por programa, valor por programa, legenda, total por percentual e total

    por percentual e por programa. O usurio poder imprimir, salvar o PDF ou fazer o download

    da imagem de grfico gerada em PNG de fundo transparente.

    J. Ajuda

    J.2 Tutorial

    O tutorial (J.2) do portal refere-se ao tutorial de utilizao da seo de pedidos, que ser

    exibido quando o usurio acessar essa rea pela primeira vez, explicando as reas e

    elementos que ela contm atravs de tooltips sequenciais. O usurio dever ter a opo de

    encerrar o tutorial quando achar necessrio ou pular para a prxima dica. Caso o usurio

    encerre ou deseje rever algum passo, a seo de Tutorial dentro de Ajuda (J) ir ativar

    novamente o tutorial, quantas vezes o usurio desejar faz-lo. O usurio dever ser alertado,

    ao pular o tutorial, que ser possvel consult-lo futuramente e onde encontr-lo no portal.

  • 7/24/2019 Description of Features for Dimed's B2B Services Web App

    8/9

    Pgina 8 RED, projetamos felicidade.

    Quando novas funcionalidades forem adicionadas ferramenta, novas tooltips, seguindo o

    padro estabelecido, sero exibidas, indicando a nova funcionalidade e como o usurio pode

    interagir com ela mas ainda possibilitando ao usurio fechar essa ajuda.

    4. Integrao com o Portal de Servios

    necessrio estabelecer os moldes para a integrao das sees desenvolvidas nessa etapa

    do projeto (Pedidos e Ajuda) com o Portal de Servios j existente.

    A seo de Produtos assumir o papel de catlogo de produtos, onde o usurio poder

    navegar entre os produtos distribudos pela Dimed de uma maneira semelhante aos e-

    commerces convencionais, o que j ocorre hoje. Com a integrao da seo de Pedidos, essas

    duas reas conversaro na medida que ao navegar na seo de Produtos, o usurio logado

    poder adicionar o produto visualizado sua lista de pedido, sendo transferido para a seo de

    Pedidos ao executar essa ao, com a apresentao de um alerta textual sobre a transio de

    uma seo outra, confirmando a ao atravs de uma pop-up (elemento externo) ou modal

    (elemento interno, flutuante).

  • 7/24/2019 Description of Features for Dimed's B2B Services Web App

    9/9

    Pgina 9 RED, projetamos felicidade.

    5. Concluso

    Atravs deste descritivo funcional, temos a possibilidade de alinharmos melhor as

    necessidades da Dimed e seus clientes com as funcionalidades propostas para esse ambiente

    web. O descritivo, assim como o sitemap, podem passar por modificaes conforme forem

    sugeridas melhorias pela Dimed e pela RED, ainda que, em ambos, constem as

    nomenclaturas, hierarquias e funcionalidades que consideramos mais adequadas.

    Quanto aos padres grficos, estticos e de comportamento dos elementos, importante que

    as novas sees que sero inseridas no portal j existente, sigam os mesmos padres j

    estabelecidos no Portal de Servios da Dimed a fim de manter o padro e homogenia do portal.