Joo Antnio Oliveira Costa Cruz e Silva Joo Pedro Pinto da Silva Ulisses

jaoccsilva@gmail.com jpulisses@gmail.com

BusMobile
Relatrio

Sistemas de Informao Multimdia Engenharia Informtica Universidade Lusfona do Porto Porto Portugal 4.1.12

Sumrio

Este relatrio sobre um projecto da disciplina de Sistema de Informao Multimdia, projecto esse que se chama BusMobile. O projecto consiste numa aplicao que gere os vrios meios de transporte pblicos, algo que permite aos utilizadores saberem que meios de transporte tm mais perto de si, os horrios desses mesmos transportes e o preo. Iremos abordar vrios aspectos do mesmo, desde das suas personas, cenrios e histrias de utilizao, concepo participada, metforas de informao, arquitectura de informao e os prottipos de baixa e alta-fidelidade. No final conclumos com as nossas observaes e opinies sobre o projecto e tudo que fizemos ao longo desta disciplina.

BUS Mobile

Contedo
Captulo 1: Introduo...............................................................................................................6 Captulo 2: Personas...................................................................................................................7 1 Carlos Ablio...........................................................................................................................7 2 Bruno Marques........................................................................................................................8 3 Joaquina Almeida....................................................................................................................9 4 Alberto Pinto.........................................................................................................................10 5 Jos Carlos............................................................................................................................11 Captulo 3: Cenrios e Histrias de Utilizao........................................................................12 1 Carlos Ablio.........................................................................................................................12 2 Bruno Marques......................................................................................................................13 3 Joaquina Almeida..................................................................................................................14 4 Alberto Pinto.........................................................................................................................15 5 Jos Carlos............................................................................................................................16 Captulo 4: Concepo Participada..........................................................................................17 Captulo 5: Metforas de Informao......................................................................................18 Captulo 6: Arquitectura de Informao..................................................................................19 Captulo 7: Prottipo de baixa fidelidade................................................................................20 Captulo 8: Prottipo de alta-fidelidade...................................................................................22 Captulo 9: Concluso..............................................................................................................25

3/25

BUS Mobile

Tabelas
Tabela 1 Cenrios e Historias de Utilizao, Carlos Ablio..................................................12 Tabela 2 - Cenrios e Historias de Utilizao, Bruno Marques................................................13 Tabela 3 - Cenrios e Historias de Utilizao, Bruno Marques (2)..........................................14 Tabela 4 - Cenrios e Historias de Utilizao, Joaquina Almeida............................................14 Tabela 5 - Cenrios e Historias de Utilizao, Alberto Pinto...................................................15 Tabela 6 - Cenrios e Historias de Utilizao, Jos Carlos......................................................16

4/25

BUS Mobile

Figuras
Figura 1 Personas Carlos Ablio..............................................................................................7 Figura 2 Personas Bruno Marques...........................................................................................8 Figura 3 Personas Joaquina Almeida.......................................................................................9 Figura 4 Personas Alberto Pinto............................................................................................10 Figura 5 Personas Jos Carlos................................................................................................11

5/25

BUS Mobile

Captulo 1:

Introduo

Nos decidimos que iriamos escolher para tema do projecto um gestor de meios de transporte pblicos, algo que permitisse aos utilizadores saberem que meios de transporte teriam mais perto de si, os horrios desses mesmos transportes e o preo. Pelo pesquisa que fizemos pelo mercado actual no Android, no existem muitas aplicaes que fazem, ou tentem fazer o que a nossa aplicao faz, isso deu uma motivao extra j que poderia ser um projecto para ser continuado. Ao longo do relatrio iremos abordar diversas seces, mais nomeadamente, as Personas, Cenrios e Histrias de utilizao, a arquitectura de informao e os vrios prottipos elaborados ao longo da elaborao do projecto, assim como as reflexes aps observao.

6/25

BUS Mobile

Captulo 2:

Personas

Carlos Ablio

Background: Idade: 87 Alentejo 9 ano Reformado

Atributos: Figura 1 Personas Carlos Ablio Idoso bom a usar tecnologia Gosta de se aventurar nas novas tecnologias

Necessidades de utilizao: Tem smartphone e usa regularmente com internet Usa transportes pblicos para se deslocar, e muitas vezes usa para passear. Gosta de transportes pblicos meio cheios para poder falar com as pessoas.

7/25

BUS Mobile

Bruno Marques

Background: Idade: 10 Lisboa A estudar (5 ano)

Atributos: Jovem Gosta de tecnologias e tem muita pacincia para aprender a usar Gosta de jogos no telemvel No gosta de matemtica

Figura 2 Personas Bruno Marques

Necessidades de utilizao: Tem smartphone e usa regularmente com internet Usa todos os dias com os colegas para jogar Usa transportes pblicos para se deslocar para a escola Gosta de transportes pblicos vazios para ir rpido para casa ou ir junto com os amigos. Gosta de saber quando o autocarro vem. Os pais tm carro, mas no tm tempo de levar o filho escola, Bruno tem de ir sozinho de transportes pblicos.

8/25

BUS Mobile

Joaquina Almeida

Background:

Idade: 97 Faro 4 Classe Reformada

Atributos: Idosa Acha que a tecnologia muito complicada, mas se for uma coisa simples, at usa. Gosta de descansar

Figura 3 Personas Joaquina Almeida

Necessidades de utilizao: Tem smartphone oferecido, mas no usa muito. Usa transportes pblicos para se deslocar, e muitas vezes usa para passear. Gosta de transportes pblicos meio cheios para poder falar com as pessoas. Gosta de adivinhar quando o autocarro vem.

9/25

BUS Mobile

Alberto Pinto

Background:

Idade: 42 Porto 12 Ano Trabalhador

Atributos: Adulto Gosta de estar informado Consegue usar smartphones Gosta de fazer pesquisas na internet

Figura 4 Personas Alberto Pinto

Necessidades de utilizao: Usa os transportes publicos quase exclusivamente para se deslocar ao trabalho Usa os transportes publicos quase todos os dias

10/25

BUS Mobile

Jos Carlos

Background:

Idade: 37 Porto Curso superior Executivo

Atributos:

Figura 5 Personas Jos Carlos

Adulto Tem necessidade de usar tecnologia muitas vezes, para lhe facilitar a vida Gosta de ver marketing e novidades Tem muito dinheiro, gosta de trabalhar, de ser o melhor

Necessidades de utilizao: Tem vrios smartphones, um para trabalho outro pessoal. No usa transportes pblicos porque so muito lentos e tem necessidade de chegar aos vrios locais rpido. Os seus filhos tambm no usam transportes pblicos porque vo de carro.

11/25

BUS Mobile

Captulo 3:

Cenrios e Histrias de Utilizao

Carlos Ablio
Cenrio Carlos Ablio quer ir dar um passeio, mas quer saber que meios de transporte tem perto de si e quais so os mais baratos. Necessidades Informao necessria: Meios de transporte ( mais proximos) Horrios desses meios de transporte

Funcionalidade da Aplicao Funcionalidade da aplicao: Procura os meios de transporte mais proximos Horarios Tipo de trajecto ( economico ou expresso) Durao do trajecto Percurso ( onde passam ) Preo da viagem

Contar a histria
Ligar a Aplicao Seleccionar a opo Transportes mais prximos Escolher Destino Indicar o destino Escolher O mais econmico A aplicao indica os vrios meios de transporte possveis Escolher o meio de transporte Escolher o Horrio A aplicao indica depois o resultado Indica o horrio, a durao, o percurso e preo da viagem.

Percusos dos meios de transporte Tempo previsto Preo

Tabela 1 Cenrios e Historias de Utilizao, Carlos Ablio

12/25

BUS Mobile

Bruno Marques
Cenrio Necessidade de saber a melhor hora para sair de casa para a escola, sendo a deslocao calculada pelo BusMobile. Tem todos os transportes disponveis, mas tem que optar pelo melhor caminho. Necessidades Saber horrios. Saber preos. Saber trajectos. Saber tempo para chegar escola. Saber qual o melhor caminho em termos de custo, tendo todos os transportes disponveis . Funcionalidade da aplicao Permite ver a localizao do utilizador. Ver horrios e preos de todos os trajectos e a sua durao. Calcula e sugere o trajecto mais barato, avisando se houver mudana de tipo de transporte. Contar a histria Ligar a aplicao Dizer aplicao que quer o percurso mais barato Escolher o destino e confirmar a localizao do utilizador. A aplicao responde e avisa se houver mudanas de transporte, e o utilizador escolhe a melhor hora para ir.
Ligar a aplicao Dizer aplicao que quer o percurso mais rpido Escolher o destino e confirmar a localizao do utilizador. A aplicao responde dizendo o caminho mais rpido e avisa o utilizador escolhe a melhor hora para ir. Se a aplicao estiver ligada avisa se houver atrasos nos transportes.

Necessidade de chegar rpido escola quando est atrasado atravs de transportes pblicos, tendo todos os transportes disposio tem de optar pelo caminho que chegue mais rpido ao destino independente do preo.

Saber o tempo os transportes demoram a passar. Chegar rpido ao destino. Saber quais os melhores transportes para a sua deslocao.

Permite ver a localizao do utilizador. Permite ver quanto tempo falta para que cada transporte passe. No caso de acidentes na via, transito congestiona do. Sugere alternativa a tomar. Calcula os transportes mais rpidos a chegar ao destino.

Tabela 2 - Cenrios e Historias de Utilizao, Bruno Marques

13/25

BUS Mobile

Cenrio Necessidade de saber os horrios dos transportes e tentar ver quanto tempo os amigos podem demorar.

Necessidades Saber horrios. Saber trajectos. Saber o tempo que demora um trajecto.

Funcionalidade da aplicao Ver horrios de todos os trajectos e a sua durao.

Contar a histria Ligar a aplicao Selecciona um trajecto. Dizer aplicao que quer ver os horrios desse trajecto. O utilizador pode filtrar por tipo de transporte O utilizador pode escolher calcular o tempo num dado trajecto.

Tabela 3 - Cenrios e Historias de Utilizao, Bruno Marques (2)

Joaquina Almeida
Cenrio Necessidades Informao necessria: Meios de transporte ( mais proximos) Horrios desses meios de transporte

Funcionalidade da Aplicao Funcionalidade da aplicao: Procura os meios de transporte mais proximos Horarios Tipo de trajecto ( economico ou expresso) Durao do trajecto Percurso ( onde passam ) Preo da viagem

Contar a histria Ligar a Aplicao Seleccionar a opo Transportes mais prximos Escolher Destino Indicar o destino Escolher O mais econmico A aplicao indica os vrios meios de transporte possveis Escolher o meio de transporte Escolher o Horrio A aplicao indica depois o resultado Indica o horrio, a durao, o percurso e preo da viagem.

Joaquina tem uma consulta no hospital. Decide deslocar-se ao mesmo utilizando meios de transporte pblicos. Como no costuma andar de transporte pblico no sabe os horrios. Precisa de saber horrios e que tipo de transporte ser ideal para a viagem.

Percusos dos meios de transporte Tempo previsto Preo

Tabela 4 - Cenrios e Historias de Utilizao, Joaquina Almeida 14/25

BUS Mobile

Alberto Pinto
Cenrio Necessidade de saber a melhor hora para sair de casa para o trabalho, sendo a deslocao calculada pelo BusMobile. Necessidades Saber horrios. Saber preos. Saber trajectos. Saber tempo para chegar empresa. No existe metro na sua rea de residncia. Funcionalidade da Aplicao Permite ver a localizao do utilizador. Ver horrios e preos de todos os trajectos e a sua durao. Contar a histria Ligar a aplicao Selecciona um trajecto. Dizer aplicao que quer ver os horrios desse trajecto e preos. O utilizador pode filtrar por tipo de transporte O utilizador pode escolher calcular o tempo num dado trajecto.
Ligar a aplicao Escolher o destino e confirmar a localizao do utilizador. O utilizador pode filtrar por tipo de transporte. Dizer aplicao que quer o percurso mais rpido A aplicao responde dizendo o caminho mais rpido e avisa o utilizador escolhe a melhor hora para ir. Se a aplicao estiver ligada avisa se houver atrasos nos transportes.

s 18 horas recebe uma mensagem a de um amigo que precisa de ajuda rpido. Face hora de ponta, ter de saber quais so os transportes mais rpidos para chegar ao local.

Saber o tempo que autocarro demora a passar. Chegar rpido ao destino. No existe metro na sua rea de residncia.

Permite ver a localizao do utilizador. Permite ver quanto tempo falta para que cada autocarro passe. No caso de acidentes na via, transito congestiona do. Sugere alternativa a tomar Calcula os autocarros mais rpidos a chegar ao destino.

Tabela 5 - Cenrios e Historias de Utilizao, Alberto Pinto

15/25

BUS Mobile

Jos Carlos
Cenrio Jos Carlos tem o seu carro na oficina. Tem que se deslocar a sede da sua empresa em Lisboa. Devido ao curto tempo que tem e no tendo carro, opta por ir de comboio. No sabe qualquer horario ou localizaao de estaoes. Necessidades Informao necessria: Estaes ( mais proximas )

Funcionalidade da Aplicao Funcionalidade da aplicao: Procura as estaes mais proximas Horario Tipo de trajecto ( economico ou expresso) Durao do trajecto Percurso ( onde para o comboio ) Preo da viagem

Contar a histria Ligar a aplicao Seleccionar a opo Transportes mais prximos Escolher o destino Escolher o Tipo de Trajecto Escolher o Horrio Escolher Comboio Escolher a estao que preferimos A aplicao indica depois o resultado Indica o horrio, a durao, o percurso e preo da viagem.

Horrios do comboio Descrio do comboio Tempo previsto Preo

Tabela 6 - Cenrios e Historias de Utilizao, Jos Carlos

16/25

BUS Mobile

Captulo 4:

Concepo Participada

Uma das nossas mes testou a nossa aplicao, apresentamos um caso das personas, em que tinha que resolver um problema utilizando a aplicao, aps a observao sem nossa interverso reparamos que tudo se adequava, menos um boto horrios que passou a horrios / percurso, isto porque s dizendo horrios no to intuitivo ao utilizador perceber que o resultado dos horrios d tambm o percurso, aps essa alterao no foram notadas mais dificuldades na utilizao. Na apresentao, com a sugesto do professor ao apresentar este caso, o horrios / percurso passou a horrios e percurso.

17/25

BUS Mobile

Captulo 5:

Metforas de Informao

A metfora que decidimos utilizar, foi a chamada wizard, isto porque ns ao observar outras aplicaes que fornecem resultados da mesma estrutura, intuitivamente optamos por fazer o mesmo processo, a aplicao pergunta ao utilizador o que quer, vai filtrando o resultado ao fazendo mais perguntas, e depois fornece o resultado que o utilizador pretende.

18/25

BUS Mobile

Captulo 6:

Arquitectura de Informao

Aqui temos as ideias do que iria ser o contedo dos ecrs e uma ideia da utilizao graas as setas que indicam o percurso. No ouve nenhuma diferena de contedo em relao aplicao final, e a ordem foi a mesma, exceptuando o passo mostrar horrios que est junto com o passo seguinte escolher meio de transporte e da ter existido um problema na ordem na validao das personas.

19/25

BUS Mobile

Captulo 7:

Prottipo de baixa fidelidade

A realizao do prottipo de baixa fidelidade forneceu bastante informao nova j que por um lado permitiu uma visualizao de uma possvel interface final para o nosso projecto, permitiu tambm verificarmos se alguma coisa no estava a bater certo com os requisitos ou com o mapa conceptual. A partir deste prottipo descobrimos algumas falhas, por exemplo no botes e sequncias dos ecrs, o que andava para trs e o que passava para o seguinte, foi mais fcil visualizar e resolver este problema ao fazer este prottipo. Outra falha foi na forma de como uma das funcionalidades no era bem explcita para o utilizador o que fazia com que o mesmo no a encontrasse, isto foi possvel fazendo um teste com um utilizador de fora, como foi explicado no captulo Concepo Participada.

20/25

BUS Mobile

21/25

BUS Mobile

Captulo 8:

Prottipo de alta-fidelidade

Para o nosso projecto nos usamos o Android SDK com o Eclipse para fazermos o nosso prottipo de alta-fidelidade, utilizamos a verso 2.2, isto porque segundo os dados de vendas do Android, a verso 2.2 mais comum, e seguem-se as verses seguintes, que so compatveis com a verso 2.2, mas a razo principal de termos escolhido esta verso foi que um de ns possua o Android na tal verso 2.2. A razo por complicarmos este passo foi porque como o professor nos tinha dito, o prottipo de alta-fidelidade deve ser o mais parecido possvel de uma aplicao, ento nada mais idntico do que o prprio decidimos fazer um prottipo de aplicao num ambiente que faz aplicaes. Tivemos algumas dificuldades, mas aps grande esforo na aula, depois de descobrir como um boto poderia passar para o ecr seguinte, o resto foi mais ou menos fcil, os problemas aqui foram todos de programao, que com pacincia foram resolvidos. Ao passar o prottipo para o telemvel podemos observar coisas que nunca poderamos observar se optssemos por qualquer outra plataforma para fazer o prottipo, coisas que se calhar nem pensamos ao inicio nem se calhar pensaramos, coisas simples como rodar no telemvel este automaticamente roda o ecr, e a aplicao tem de o ecr perceptvel ao utilizador fazendo os seus ajustes. Outras coisas simples como os botes do prprio telemvel tinham de ser programados, por exemplo o de opes tinha de ser feito um evento para ouvir quando este era chamado e o que fazia, e programar todo o menu como se v em outras aplicaes Android, isto foi nos til para fazer dois ecrs (o sobre e as opes) que permitem dar os crditos, escolher o idioma e partilhar a aplicao, que so coisas secundrias ao objectivo da aplicao, mas primrias para qualquer aplicao feita.

22/25

BUS Mobile

Nesta imagem podemos ver os itens do projecto. As actividades so a class java que contem o cdigo de cada ecr, aqui esto por exemplo o listener dos botes (o que fica espera de um boto ser escolhido) e activa a funo para passar para outra actividade (ecr). Contem tambm o cdigo do menu das opes (dentro do BusMobilityActivity (1 ecr)), que funcionara depois como botes normais aps clicar no boto fsico do android, o que leva a ecrs adicionais no visveis sem clicar neste boto. Para cada ecr tem de exir uma class xml que tem as propriedades grficas do ecr e o seu contedo (imagens, botes, texto e seus identificadores para serem usados na class java (necessrios para fazer os eventos de chamada do boto)). As classes XML foram codificadas com a verso e o standard das letras ditados na primeira linha destas classes: <?xml version="1.0" encoding="utf-8"?> O utf-8 permite-nos usar por exemplo acentos, teis visto que a aplicao foi concebida maioritariamente para portugueses necessitando portanto da lngua portuguesa.

Todas as actividades tm de estar listadas em AndroidManifest.xml. Grande parte das imagens apenas inclui uma dimenso, isto porque no havia necessidade de incluir mais ou menos definio de imagem porque isso no iria afectar o desempenho do programa, contudo a imagem do icon contem High Medium e Low definition (3 imagens), isto porque so usadas algumas vezes na aplicao (em menus) e no icon da prpria aplicao,
23/25

BUS Mobile

alm disso este como est no ambiente do utilizador e este pode mudar o seu tamanho, foi necessrio ter estas definies adicionais para manter a qualidade e desempenho A cor do ambiente de fundo, que no Android o default preto, na nossa aplicao decidimos optar pela cor laranja por ser a cor dos autocarros antigos no Porto. Na linha de cdigo seguinte temos o cdigo inserido a todas as classes xml para cada ecr, cada ecr podia ter uma cor diferente, as cores esto em hexadecimal, e possvel fazer uma funo que deixe o utilizador escolher a cor. Exemplos: android:background="#888888" - cinzento android:background="#FF5721" - laranja

Para passar para o telemvel, basta criar um executvel. apk no eclipse, para o fazer necessrio uma licena especial (caso seja para vender no android market), mas tambm possvel utilizar uma licena de debugging que arranjamos, assim podemos testar livremente. Ao passar esse ficheiro para o .apk sem requerer nenhuma localizao especial, pode ser at por exemplo no carto SD, ao executar pergunta se quer instalar, depois de instalar a aplicao aparece ao lado das outras pronta a ser executada como se fosse instalada do Android Market.

24/25

BUS Mobile

Captulo 9:

Concluso

Ao longo nosso curso sempre nos focamos muito em cdigo e em programar, sem nunca prestar muita ateno a parte da interface grfica e a tudo que isso implica. Esta disciplina permitiu ver um lado completamente diferente das aplicaes, um lado em que nos abstramos da programao e cdigo e onde nos focamos apenas na usabilidade da interface, na forma em como o utilizador vai utilizar a interface, tentando sempre cumprir com alguns requisitos essncias nas interfaces grficas. Com este trabalho e com alguma liberdade que o professor nos deu foi possvel experimentar ainda vrios programas e aprender a usa-los: -Utilizar o Visio com templates do Android (prottipo baixa fidelidade) -Utilizar o Cmap tools (mapa conceptual) -Java Android (prottipo alta fidelidade) -Prezi (apresentaes)

O que nos poder ser muito til no nosso futuro profissional ou at por lazer.

25/25