SL326 - NOVA UX DO RUB VUE

04/04/2021

YAM DOS SANTOS TRIGUEIRO

ASSAI ATACADISTA
Avenida Aricanduva, 5555 – Shopping Interlar Aricanduva
 SL326 - NOVA UX DO RUB VUE 1

Sumário

1 Histórico de alteração ................................................................................................. 2

2 Acesso ao sistema ........................................................................................................ 2
2.1 Ambiente de QA ............................................................................................................... 2
2.2 Ambiente de Produção .................................................................................................... 2
3 Guia básico de utilização da nova interface gráfica ................................................. 3
3.1 Introdução ......................................................................................................................... 3
3.2 Usabilidade (UX) do sistema em geral ........................................................................... 3
3.3 Zoom na página................................................................................................................ 3
3.4 Teclas de atalho ................................................................................................................ 4
3.5 Favoritar programas ......................................................................................................... 4
3.6 Cores .................................................................................................................................. 4
4 Operações básicas ........................................................................................................ 7
4.1 Como abrir programas..................................................................................................... 7
4.2 Como aplicar filtros .......................................................................................................... 7
4.3 Como exibir/ocultar colunas ........................................................................................... 8

P á g i n a 1 | 10
 SL326 - NOVA UX DO RUB VUE 2

1 Histórico de alteração

Data Versão Alteração

04/04/2021 1.0 Primeira documentação

2 Acesso ao sistema
Essa seção descreve o acesso ao sistema dos ambientes de QA e PROD.

2.1 Ambiente de QA
Para acessar o ambiente de QA, basta utilizar os links abaixo.

Central

 https://rub-front-qa.corp.assai.com.br/

Loja

 http://l0136-qa.lojas.corp.assai.com.br/
 http://l0144-qa.lojas.corp.assai.com.br/
 http://l0190-qa.lojas.corp.assai.com.br/

2.2 Ambiente de Produção

Para acessar o ambiente de PROD, basta utilizar os links abaixo.

Central

 http://rub.corp.assai.com.br/

Loja

O acesso as lojas acontecem através do DNS l0xxx-rub01.lojas.corp.assai.com.br onde

xxx se refere ao número da loja, exemplo:

 http://l0001-rub01.lojas.corp.assai.com.br/

P á g i n a 2 | 10
 SL326 - NOVA UX DO RUB VUE 3

3 Guia básico de utilização da nova interface gráfica

3.1 Introdução
A nova interface para navegação no sistema RUB™, que traz algumas implementações
à serem abordadas a seguir visando suprir demandas como funcionamento em
dispositivos móveis (celulares e tablets), maior usabilidade - incluindo utilização do
sistema com teclado, temas com cores distintas, zoom, responsividade, etc., e rapidez.

3.2 Usabilidade (UX) do sistema em geral

Você pode utilizar a nova interface como já está habituado nos melhores sites na
internet. Ou seja, facilidades como aplicar zoom na página, atualizá-la, atalhos do
teclado e responsividade estão disponíveis e vamos detalhá-las a seguir.

3.3 Zoom na página

Havendo a necessidade de aplicar zoom na página, basta utilizar os botões ou atalhos
via teclado (que normalmente são CTRL + tecla +) que seu navegador disponibiliza que
a tela será ajustada adequadamente:

P á g i n a 3 | 10
 SL326 - NOVA UX DO RUB VUE 4

3.4 Teclas de atalho

É possível utilizar algumas teclas de atalho para acelerar a navegação pelo RUB™. A
lista das opções possíveis pode ser visualizada no final da tela Todos os programas,
que pode ser acessada pressionando a tecla F2 ou acessando a última opção do menu
lateral esquerdo conforme exibido à seguir:

3.5 Favoritar programas

Cada usuário pode definir sua própria lista de favoritos. Para isso, basta abrir o
programa adequado e pressionar CTRL+B ou clicar sobre a estrela (⭐) que fica ao lado
do nome do programa.

NOTA: No caso de dispositivos móveis, essa estrela está sempre visível, porém no caso
de computadores ela permanece oculta para fins de layout.

3.6 Cores
Para facilitar o manuseio do sistema pelo usuário, a nova interface possui uma paleta
de cores para cada contexto do RUB™. Ou seja, programas de Análise tem uma cor
específica, Operação tem outra distinta, Configuração outra, e assim por diante.
P á g i n a 4 | 10
 SL326 - NOVA UX DO RUB VUE 5

Na tela Todos os programas (F2) também é possível visualizar essas cores na listagem
de programas, tanto geral quanto por contexto:

P á g i n a 5 | 10
SL326 - NOVA UX DO RUB VUE 6

P á g i n a 6 | 10
 SL326 - NOVA UX DO RUB VUE 7

4 Operações básicas
Aqui vamos descrever operações básicas que são efetuadas com os programas do
RUB™ tais como aplicar filtros, exibir ou ocultar colunas e como abrir programas.

4.1 Como abrir programas

Há 2 formas de abrir um programa na nova interface:

 No caso de ele já estar favoritado, basta clicar no programa em questão, que

estará disponível no menu lateral esquerdo, agrupado por contexto;
 Abrir a tela Todos os programas (F2) e digitar o nome do programa desejado
para pesquisá-lo. Nesse caso, é possível que mais de um programa relacionado
apareça. Basta utilizar as setas direcionais (←, ↑, → e ↓) e pressionar Enter ou
clicar diretamente no item da lista para abri-lo;

4.2 Como aplicar filtros

Para aplicar ou remover filtros, basta clicar no botão Opções presente no topo direito
da lista que quer filtrar conforme imagens à seguir:

Na janela que surgirá, é possível visualizar, aplicar ou excluir um ou mais filtros de

todos os campos disponíveis.

P á g i n a 7 | 10
 SL326 - NOVA UX DO RUB VUE 8

NOTA: No caso de filtros padrão, como alguns de data, boleano, etc., que mostramos à
seguir, são exibidos à esquerda do botão Opções:

4.3 Como exibir/ocultar colunas

Para exibir ou ocultar colunas, basta clicar no botão Opções presente no topo direito
da lista que quer alterar a visualização conforme imagens à seguir:

P á g i n a 8 | 10
 SL326 - NOVA UX DO RUB VUE 9

Na janela que surgirá, basta clicar na segunda aba, chamada Colunas, para poder exibir
ou ocultar uma ou mais colunas:

P á g i n a 9 | 10
SL326 - NOVA UX DO RUB VUE 10

P á g i n a 10 | 10