Torna-te o Melhor Amigo Biodiesel

Índice Especificação técnica ...................................................................................... 3                              

1. Objetivos principais................................................................................ 3 2. Listagem dos requisitos funcionais projeto LigaVerde........................... 3 3. Listagem dos requisitos não funcionais da aplicação Liga Verde ......... 5 4. Diferentes perfis de utilizadores contemplados para o acesso à aplicação ...................................................................................................... 5 5. Mapa de navegação da aplicação ......................................................... 6 6. Fluxograma ............................................................................................ 7 7. Modelo/Arquitetura de Sistemas ............................................................ 8 8. Base de Dados ...................................................................................... 9 9. Q&A sobre a aplicação .......................................................................... 9 9.1. Em que se baseia o sistema? ......................................................... 9 9.2. Como é feita a divisão entre zonas públicas e privadas? ............. 10 9.3. Qual a relevância de fazer uma ligação à base de dados para recolher nova informação sobre o utilizador?......................................... 10 9.4. Que tipo de informação é armazenada na Base de Dados?......... 10 9.5. Como se processa a navegação dentro da interface? .................. 10 9.6. O que proporciona a aplicação em termos de experiência? ......... 10 9.7. Porquê a utilização do PhoneGap para o desenvolvimento da aplicação? .............................................................................................. 10

2  

Especificação técnica 1. Objetivos principais Os objetivos principais do projeto LigaVerde, são: •

Fazer o “tracking” dos litros de óleo de cozinha reciclados por distrito, concelho e “Amigos do biodiesel”;

•

Poder consultar onde pode ser feita a reciclagem do óleo no posto de combustível GALP mais próximo;

•

Promover a utilização de biocombustivel (biodiesel), compreendendo o seu contributo para a sua produção;

2. Listagem dos requisitos funcionais projeto LigaVerde Requisitos Funcionais

Ecrã inicial Visualização da informação sobre o projeto • Objetivos • Como funciona Ecrã Perfil Verificar se o utilizador encontra-se logado • Se não se encontrar logado -Formulário de login; -Validação dos campos + AJAX; -Verificar se o utilizador ativou “Manter-se logado” • Se não estiver registado -Formulário de registo -Upload de fotografia + verificação do tipo de ficheiros

Perfis (Utilizadores) Utilizador Utilizador não registado Registado

Controlo de interação

X

X

Clique no menu de ecrã inicial

X

X

Clique no menu de ecrã perfil; Clique nos campos de formulário para introduzir informação; Inserção de dados através da escrita no teclado virtual;

3  

submetidos - Validação dos campos de registo (*) Conexão com a base de dados (Nome do utilizador, e-mail, nº do cartão GALP Fast, localização atual provinda do menu Postos, nº de litros entregues, nº de pontos) Conexão com a API do Cartão GALP Fast e aparecimento do catálogo de prémios a adquirir

X

-

X

Clique no botão lupa para ver catálogo Arraste de cima para baixo (scroll)

Comparação do nº de litros de óleo entregues por cada utilizador na base de dados e sua ordenação (dados enviados para o ranking do perfil) Ligação API Facebook e Twitter Rankings Implementação da API Sapo Mapas

X

Conexão à Base de dados (nº de litros de óleo e informação da

X

Arraste da direita para a esquerda (scroll) para definir o patamar dos pontos -

X

Clique nos botões

X

Zoom in Zoom out Clique nos pontos de interesse X

4  

localidade - concelho e distrito) Ordenação de distrito, concelho e “melhor amigo biodiesel” por ordem decrescente de nº de litros de óleo Postos Ligação da posição do utilizador atual Sinalização dos postos GALP existentes Procura no Mapa da rua

Biodiesel Ligação API tweets que utilizem a palavra “Biodiesel” Menu de navegação para (des)vantagens Biodiesel

X

X

X

X

X

X

X

X

Zoom in Zoom out Clique nos diferentes postos Teclado virtual para a a procura no mapa

X

X

Scroll vertical

X

X

(*)NOTA: Dependendo do avançar do projecto, implementação da opção modo de registo com fotografia ao cartão e preenchimento dos dados automaticamente e login do cartão. 3. Listagem dos requisitos não funcionais da aplicação Liga Verde Os requisitos não funcionais do projeto expressam o modo como este deve ser feito, apresentando os padrões de qualidade. Deste modo, definiram-se como requisitos não funcionais: o Requisitos de compatibilidade: O software deverá estar disponível para iPhone, iPad e Android. o Requisitos de usabilidade: A aplicação LigaVerde deverá estar centrada na experiência do utilizador (UCD), ser consistente e conter alguns mecanismos de ajuda ao utilizador; 4. Diferentes perfis de utilizadores contemplados para o acesso à aplicação Os diferentes perfis de utilizadores contemplados para o acesso à aplicação, são:

5  

o Utilizador registado: tem acesso a todos os menus da aplicação, inclusive o ecrã de perfil; o Utilizador não registado: tem acesso aos menus da aplicação, exepto o ecrã perfil; o Administrador/Funcionário GALP: introduz o número do cartão e a quantidade de litros de óleo depositada pelo utilizador no posto de combustível na Base de dados da GALP; 5. Mapa de navegação da aplicação

Fig.1 – Mapa de navegação Pelo que se pode constar no mapa de navegação da aplicação LigaVerde, apenas a área de perfil exige a autenticação do utilizador, uma vez que é nesta em que se encontram os seus dados pessoais, contributo de óleo, a sua posição no ranking enquanto “Melhor amigo biodiesel” e acesso ao catálogo de pontos. A página inicial, de rankings, postos e biodiesel estão acessíveis a todos os utilizadores. Ainda na página de rankings, há a navegação entre páginas de classificação distritais, por concelho, melhor amigo biodiesel. É de referir, ainda, que é possível a navegação entre páginas e cada página permite voltar para a página anterior. 6  

A página biodiesel contém um repositório dos tweets partilhados sobre o biodiesel, tendo a ligação para a página de Saber mais sobre o biodiesel. 6. Fluxograma

Fig.2 –Fluxograma Pelo que se pode constatar no fluxograma, o primeiro nível de interação do utilizador com a aplicação baseia-se num menu com as opções Inicio, Perfil, Rankings, Postos e Biodiesel. É de referir que o conceito de sessão e autenticação do utilizador é apenas necessário para o acesso ao ecrã Perfil. Após o registo na aplicação os dados são enviados para a base de dados. No ecrã Rankings, é necessário a conexão à base de dados para arrecadar o número de litros de óleo reciclados por cada utilizador bem como a sua localidade. No ecrã Postos, não é necessário armazenar a localização atual do utilizador na Base de dados dado que apenas se trata de uma ligação com a API do 7  

Sapo Mapas e é apenas de consulta para verificar os postos GALP mais próximos em relação À sua localização. O menu biodiesel integra todos os tweets em que foi encontrado a palavra biodiesel com a opção de navegação para uma página em que apresenta mais informação de consulta e (des)vantagens deste biocombustível. 7. Modelo/Arquitetura de Sistemas

Fig.3 –Modelo/Arquitetura de Sistemas

Para a implementação da aplicação LigaVerde, utilizou-se a plataforma Phonegap que permite através do envio de ficheiros HTML5, CSS3 e Javascript, criar aplicações nativas e ter acesso a APIS. É de referir que a existência de uma API própria do lado do servidor, permite abstrair a complexidade de possíveis alterações das estruturas de dados, dando flexibilidade à aplicação instalada no terminal. Atente-se, ainda, para o facto que todo o sistema é feito de forma modular de maneira a que os parceiros (GALP e PT), possam contribuir com mais informação e eventuais lógicas de negócio.

8  

8. Base de Dados

Fig.2 –Base de Dados Ao nível da Base de Dados, a tabela utilizador armazena todos os atributos relativos à informação do utilizador (e-mail, password, nº do cartão GALP, nome, apelido, fotografia, distrito e concelho). Definiu-se como chaves primárias o nº do cartão GALP e o e-mail (devido à autenticação ser por e-mail). A tabela entrega, armazena o nº de litros, data do depósito nos combustíveis GALP bem como o distrito e concelho do posto de combustível (informação introduzida pelo funcionário da GALP na base de dados). 9. Q&A sobre a aplicação 9.1.

Em que se baseia o sistema? O sistema baseia-se em duas áreas: client-side (área vísivel para o utilizador) e server-side (onde se encontra a base de dados e onde são inseridos o número de litros de óleo de cada utilizador pelo funcionário da GALP e o número de cartão). O utilizador acede à aplicação através do botão da aplicação no seu smartphone (Android, iPhone) ou sua tablet (iPad) e encontra, em primeira instância, o ecrã da página inicial onde pode visualizar os objetivos e como funciona a aplicação. Encontra, também um menu no lado inferior onde pode aceder aos restantes ecrãs. O menu Perfil exige que o utilizador esteja autenticado na plataforma, ou seja apenas é visível para utilizadores registados.

9  

9.2.

Como é feita a divisão entre zonas públicas e privadas? Esta divisão é feita através de uma página de login com a opção de registo na plataforma. Como foi referido, apenas o ecrã de perfil apenas é zona privada, estando as outras páginas acessíveis a todos os utilizadores (registados e não registados).

9.3.

Qual a relevância de fazer uma ligação à base de dados para recolher nova informação sobre o utilizador? É necessário fazer uma ligação à base de dados para recolher nova informação sobre o utilizador dado que é através da recolha dos seus dados que ir-se-á atualizar o número de litros de óleo e pontuação. Deste modo, é necessário a identificação do utilizador e ter diferentes níveis de acesso à informação ao ecrã Perfil.

9.4.

Que tipo de informação é armazenada na Base de Dados? O tipo de informação que é armazenada na Base de Dados é do tipo varChar, int e decimal. É na Base de Dados que se armazena os dados do utilizador e dos postos GALP.

9.5.

Como se processa a navegação dentro da interface? A navegação dentro da interface processa-se através do acesso aos diferentes menus que se encontram do lado inferior, nos botões dos lados laterais que se encontram ao lado do título de cada ecrã e no caso da página ranking no clique em pontos concretos do mapa.

9.6.

O que proporciona a aplicação em termos de experiência? Em termos de experiência, a aplicação permite aumentar a reputação do utilizador enquanto “Melhor amigo biodiesel”, promove um espaço de discussão/tweets sobre o biodiesel e permite o controlo do número de litros depositados nos postos GALP e que prémios pode adquirir consoante a sua pontuação no cartão GALP Fast.

9.7.

Porquê a utilização do PhoneGap para o desenvolvimento da aplicação? O PhoneGap é uma Framework para o desenvolvimento de aplicações para mobile que permite a construção de aplicações nativas com o envio de ficheiros Javascript, HTML5 e CSS3. Esta framework foi escolhida por estar disponível para iPhone e Android, por traduzir o desenvolvimento em aplicações nativas, as linguagens de programação baseia-se na reunião de conjunto de ficheiros HTML5, CSS3 e JS e por permitir utilizar a maior parte das potencialidades de hardware dos smartphones.

10