Área do consumidor final

PÁGINA INICIAL

O consumidor final terá acesso à página inicial da plataforma onde são listados os dados das empresas de restauração (figura 61). Os dados de cada empresa de restauração serão elementos distintivos para a decisão do consumidor. Por parte do administrador, o consumidor terá acesso aos elementos de pesquisa da plataforma, onde se concentram os requisitos de cada utilizador.

Figura 61 - Plataforma www.diaria.pt

Na página, ilustrada na figura 62, é possível aos visitantes, definir os seus requisitos, tal como a cidade, tipo de prato, preço e localidade. Posteriormente, pode consultar as empresas de restauração que possuem a sua refeição desejada, bem como a sua foto de perfil, mapa da sua localização e outras informações básicas que uma empresa de restauração possa ter. Esta página ajusta-se a qualquer dispositivo que pretenda aceder.

Figura 62 - Mobilidade da plataforma

se-A figura 63 ilustra o código realizado na ferramenta Outsystems que nos permite visualizar a lista de restaurantes presentes na plataforma, em diversos dispositivos. Como podemos observar existem bastantes vari-áveis para gerir as funcionalidades das listagens das empresas de restauração existentes, dinamizando de acordo com os requisitos, previamente citados.

Figura 63 - Fluxo da página inicial

Apresentamos na figura 64, o código necessário para retirar à base de dados informações das empresas de restauração de acordo com os seus privilégios e as escolhas do utilizador. Perante este extrato de código, afirmamos que foi necessário relacionar as tabelas da base de dados que guardam as informações dos restauran-tes, as suas avaliações, as suas refeições, a sua localização e o seu utilizador referente.

Figura 64 – Query: Consulta de empresas de restauração

Um aspeto importante da nossa plataforma são as refeições, como tal necessitamos de apresentar as re-feições que cada empresa de restauração tem disponível. Realizamos um pedido à base de dados (figura 65), com

as informações das refeições, por restaurante e por dia da semana, de forma a conseguir apresentar o ecrã da fi-gura 66.

Figura 65 – Query: Consulta de refeições por dia da semana e utilizador.

Figura 66 - Refeições da empresa de restauração

Conforme cada refeição, apresentamos elementos que podem ser incluídos nas mesmas. Elementos que iremos referir posteriormente. Assim, foi necessário adquirir esses elementos, já registados na base de dados, em cada refeição de cada empresa de restauração (figura 67).

Figura 67 – Query: Consulta de inclui de cada refeição

ENVIAR UMA RECLAMAÇÃO

O visitante conseguirá, efetivamente, enviar uma reclamação ao administrador do sistema, sobre a res-petiva empresa de restauração. O pop-up disponibilizado ao utilizador é apresentado na figura seguinte, ou se desejar poderá clicar em “ver direções”, onde será direcionado para a página do Google Maps, para conseguir efetivamente realizar a viajem até à empresa de restauração pretendida. Para conseguimos detetar, qual a empre-sa de restauração que corresponde à reclamação, foi necessário criar um pedido à base de dados, aquando à cria-ção da reclamacria-ção (figura 68).

Figura 68 – Query: Selecionar Empresa de restauração + Ecrã de envio de reclamações

LOCALIZAÇÃO DA EMPRESA DE RESTAURAÇÃO

Para oferecer ao visitante da plataforma, de forma rápida, a localização exata da empresa de restauração escolhida, criamos um pop-up, que utiliza a API da Google Maps (figura 69).

Foi necessário injetar as informações requisitadas por esta função para obter os resultados desejados. O responsável por estes dados é o gestor da empresa de restauração, ou seja, o mapa é obtido de acordo com a mo-rada inserida na sua área.

Figura 69 - API Google Maps

Designamos esta função como “DaLocalMapa”, para ser utilizada posteriormente em cada mapa, seja o gestor da empresa de restauração ou simplesmente ao visitante da plataforma (figura 70).

Na figura 71, podemos observar um exemplo da apresentação da localização de uma empresa de restau-ração utilizando o Google Maps.

Figura 71 - Localização da empresa de restauração

REDE SOCIAL E AVALIAÇÃO

Como era esperado integramos a nossa plataforma às redes socias. Nesta fase, apenas integramos a pla-taforma e todas as empresas de restauração com a rede social Facebook. Pretendemos futuramente alocar mais integrações com outras entidades que sejam interessantes no ponto de vista do utilizador e da própria plataforma (figura 72).

Figura 72 - Botões da rede social

Nesta fase, a ferramenta Outsystems, facilitou todo o processo envolvente com a integração. Apenas foi necessário aceder à community [19], descarregar o componente FacebookWidgets e inclui-lo na nossa platafor-ma, com acesso ao Facebook de cada empresa de restauração e foi gerando automaticamente as funcionalidades mais comuns desta rede social (figura 73).

Figura 73 - Componente da rede social

O visitante poderá avaliar cada empresa de restauração inserida na plataforma, a partir de um sistema de avaliações disponibilizado na Outsystems Community [19], designado por “ratings”. Onde vai ser possível guar-dar a avaliação de cada visitante até uma próxima alteração (figuras 74 e 75).

Figura 74 - Rating

Figura 75 - Sistema de Rating

PESQUISA DE REFEIÇÕES

Na área do consumidor final, foi necessário acrescentar a informação corrente do dia da semana atual, de modo a distinguir as refeições disponíveis em cada empresa de restauração. Também, foram criados três crité-rios de pesquisa, identificados anteriormente, onde foram construídas três dropdowns com a informação da cida-de, tipo de prato e valor. Ainda colocamos ao dispor do consumidor final, a pesquisa da sua refeição por locali-dade, validando a sua disponibilização, sempre que uma cidade for selecionada e sejam obtidos resultados. A figura 76 representa a filtragem das localidades das empresas de restauração em lista que poderá surgir, ou não dependendo da quantidade de refeições e empresas de restauração disponíveis, neste caso se a quantidade for superior a zero, surgiram as localidades das empresas de restauração.

Figura 76 - Função que disponibiliza a localidade

Na figura 77 tratamos o texto da localidade inserida pelo utilizador da empresa de restauração, na sua área de gestão e requisitamos à base de dados apenas as localidades pertencentes às empresas de restauração listadas, no momento da escolha do consumidor.

Figura 77 - Lista localidades das empresas de restauração

A área do consumidor final e a área de gestão das empresas de restauração partilharão informações im-portantes para o funcionamento da plataforma, tais como o mapa da empresa de restauração, uma vez que será a própria a fornecer as suas informações de localização, e as refeições diárias. Estas refeições apresentarão bastan-tes características em comum, pois serão disponibilizadas de acordo com o dia da semana, tipo de prato e preço. Serão confrontadas com os requisitos do consumidor, que utilizará a plataforma. Em suma, as duas áreas vão estar em constante comunicação.

Com o objetivo de evitar erros constantes por parte das informações fornecidas pelas empresas de res-tauração pretende-se colocar um campo para o utilizador inserir uma reclamação, consultada posteriormente pelo administrador. Para distinguir a qualidade das empresas de restauração, cada uma vai possuir na listagem um sistema de ratings muito simples que irá guardar o último rating efetuado por cada utilizador.

FUNCIONALIDADE RESPONSIVA

tado e melhorado o design do protótipo, utilizando o seu CSS maioritariamente responsável pelo ajuste ao ecrã de qualquer dispositivo. Assim, o ecrã principal da plataforma apresentava-se semelhante ao protótipo desenvol-vido, incluindo todas as funcionalidades por parte do consumidor, já referidas anteriormente. Este ecrã está dis-ponível no anexo I deste documento.

A função ismobile da figura 78 está presente no fluxo da página inicial da plataforma, para deter infor-mação do ambiente onde está inserida. Para receber estas informações utilizamos a função disponibilizada pela ferramenta Outsystems, getuseragent para determinarmos o tipo de sistema do dispositivo, procedendo à indexa-ção do sistema operativo proveniente do mesmo. Seguidamente associamos os resultados às nossas variáveis representadas na figura (SO e IsMobile) para procedermos à ligação do seu próprio ecrã, ajustável.

Figura 78 – Responsividade