SmartMail| Entidade Promotora:

Parceiros:

28/02/2014

Investigao sobre as
tecnologias web e
mveis com a maior
expressividade atual

1/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

ndice
Introduo .......................................................................................................................................................... 1
iOS ...................................................................................................................................................................... 1
Android ............................................................................................................................................................... 4
Prottipo em Android .................................................................................................................................... 9
Windows Phone ...............................................................................................................................................16
HTML5 ..............................................................................................................................................................18
References ........................................................................................................................................................21

Introduo
A utilizao de touch devices tem-se expandido a uma velocidade estonteante nos ltimos anos. Entre
smartphones, tablets e outros dispositivos semelhantes, tal como o Microsoft Surface (Surface Pro 3, s.d.),
estes dispositivos tm-se inserido rapidamente nas vidas das pessoas, tanto para lazer como para trabalho.
Mas, apesar dos touch devices terem comeado a ficar populares no incio dos anos 2000, a maioria destes
eram smartphones utilizados em ambientes profissionais. Foi em 2007 que a Apple (Apple Homepage, s.d.)
lanou o primeiro iPhone e comeou a alcanar o pblico em geral, tornando a utilizao de touch devices
cada vez mais ubqua. A partir de a muitos competidores surgiram e todo o mercado volta deste tipo de
tecnologia sofreu um crescimento explosivo, sem mostrar sinais de abrandar ainda hoje em dia.

iOS
O iOS (Apple iOS, s.d.) o nome dado ao conjunto de verses do sistema operativo utilizado nas diversas
iteraes de todos os dispositivos mveis da Apple (Apple Homepage, s.d.), concretamente no iPhone, iPad,
iPad Mini, iPod Touch e para todas as geraes da Apple TV a partir da segunda. Todos os produtos mveis
da Apple utilizam simultaneamente a mesma verso do iOS, das quais j existem oito, permitindo uma
comunicao excecional entre todos eles e facilitando o desenvolvimento de aplicaes, j que so feitas
considerando principalmente a verso mais atual. Alm disso, utilizadores de iOS habituados a um
dispositivo mvel da Apple conseguem facilmente adaptar-se a um outro, mesmo que nunca o tenham
utilizado, devido s interfaces serem muito semelhantes em termos de aparncia, como mostrado na
Figura 1. As nicas diferenas superficiais esto no look and feel, diferenas introduzidas para maximizar
o conforto de utilizao de cada tipo de dispositivo j que existem diferenas no tamanho do ecr. Alm
disso, produtos da Apple tm acesso App Store, um repositrio de software especfico para o iOS
contendo mais do que 1.2 milhes de aplicaes. Isto permite a qualquer utilizador escolher e descarregar
as aplicaes que mais lhe agradam sem ter de se preocupar se cada uma ou no compatvel ou quais os
passos de instalao necessrios. Na Figura 2, a pgina inicial da App Store, apresentada no lado direito,
reala algumas aplicaes notveis. O lado esquerdo da imagem mostra apenas uma lista de apps gratuitos.
A Figura 3 tambm mostra a pgina inicial da App Store mas vista a partir de um iPad. Como o iPad tem um
2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

ecr substancialmente melhor do que o iPhone, a App Store e todas as outras aplicaes disponveis tiram
proveito deste facto e oferecem uma experincia especializada.
Estes e outros fatores elevaram os dispositivos da Apple a um nvel de sucesso estrondoso, sendo
rapidamente adotados por um enorme nmero de pessoas e estabelecidos como o standard de qualidade
para touch devices. O iOS uma ferramenta extremamente polida e robusta, mostrando as vantagens que
um sistema unificado oferece. Simultaneamente, ao oferecer este nvel de qualidade, o iOS tambm um
sistema fechado que oferece uma srie de restries. No permitido qualquer tipo de alteraes ao
sistema operativo e todas as transferncias de software tm de ser feitas a partir da App Store,
impossibilitando a instalao de software que no tenha sido analisado e processado pela Apple. Um
utilizador tambm no consegue personalizar o aspeto do homescreen, sendo forado a utilizar o layout
que vem por defeito. Tudo isto junto ao preo bastante elevado afasta muitos potenciais clientes.

Figura 1 - iPhone+iPad iOS 7 Look and Feel

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 2 - iPhone iOS 7 App Store

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 3 - iPad iOS 7 App Store

Android
Essencialmente no lado oposto do espetro de sistemas operativos mveis, relativamente filosofia do iOS,
est o Android (Android Homepage, s.d.). Um sistema operativo fundado por Andy Rubin e apoiado pela
Google, o Android foi desenhado para oferecer liberdade de escolha e personalizao ao nvel do software,
mas tambm ao nvel do hardware, ao custo da convenincia e utilidade que vem com a uniformidade. Ao
contrrio das sete verses do iOS, o Android j conta com nove verses diferentes e no existe nenhum
controlo sobre qual est instalada em cada dispositivo. Isto introduz uma barreira, potencialmente
pequena, para developers que no existe no iOS, j que aplicaes tm de ser desenvolvidas com vrias
verses de Android e vrios tamanhos de ecr em mente. A Figura 4 mostra as diferenas de aspeto do
homescreen entre o KitKat, a verso mais recente, e a Jelly Bean, a verso anterior. As diferenas so
poucas mas fceis de ver. Quando comparadas com uma das verses mais antigas, por exemplo a primeira
verso do Android visvel na Figura 5, aparente como as mudanas foram pequenas mas vrias,
resultando num aspeto significativamente diferente.

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

No entanto, as desvantagens provenientes do caos introduzido pela ausncia de controlo so

equilibradas pelo facto de existirem diferentes experincias disponveis, sendo possvel encontrar uma
experincia Android para qualquer pessoa, j que possvel escolher combinaes de hardware e verso
do sistema operativo, priorizando a acessibilidade econmica ou a qualidade tecnolgica. A grande
variedade de opes facilita a adoo de dispositivos Android para muitas pessoas j que podem adquirir os
dispositivos que melhor se adaptam aos seus limites e necessidades. H que notar que existem sempre
certas semelhanas entre verses, garantindo que um utilizador no se sente perdido quando deparado
com uma verso diferente da que ele est acostumado. Graas aos seus pontos fortes, o Android, marcado
a azul na Figura 7, domina a competio em termos de unidades vendidas no total nos ltimos anos.
(Statista Global Smartphone Sales, s.d.) O facto de existirem tantas alternativas a diferentes preos faz com
que seja muito mais acessvel adquirir um dispositivo Android do que um iOS. A distribuio de verses por
dispositivos dos ltimos quatro anos est apresentada na Figura 6. Como se pode ver, na data registada
mais recentemente, menos de 10% dos utilizadores de dispositivos Android utilizam a verso mais recente
e algumas pessoas ainda utilizam verses anteriores at 2.2.
A abertura do sistema operativo tambm permite que este seja usado em mais do que smartphones e
tablets, podendo ser usado em muitssimos dispositivos, tais como consolas de videojogos, cmaras digitais
e alguns aparelhos desenvolvidos pela prpria empresa Android Inc. tais como carros, televises e
smartwatches. Existe tambm o equivalente App Store para dispositivos Android chamado Google Play.
No entanto, este apenas uma alternativa e existem vrios repositrios disponveis de onde possvel
descarregar aplicaes. (Alternative Android Appstores, s.d.) Por exemplo, o F-Droid (F-Droid Homepage,
s.d.) um catlogo de aplicaes gratuitas e open source, sendo ele prprio livre de custos mas financiado
por doaes. A Amazon App Store for Android (Amazon App Store for Android, s.d.) utilizada por
dispositivos da linha de tablets Kindle e gerida pela Amazon, garantindo que as aplicaes disponveis a
esto polidas e adaptadas para os dispositivos em questo.

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 4 - Android KitKat vs Jelly Bean

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 5 - Android Cupcake

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 6 - Android Versions over the years

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 7 Global smartphone sales

Prottipo em Android
Existem vrias ferramentas de criao de grficos disponveis, cada uma com as suas vantagens e
limitaes. A biblioteca escolhida para o prottipo foi a AChartEngine devido robustez da API e
quantidade de documentao no geral. Esta biblioteca permite criar pelo menos dez tipos de grficos base,
entre estes Bar Charts, Pie Charts e Dial Charts, e ainda cruz-los na mesma activity para ter visualizaes
personalizveis. Todos os elementos podem ser alterados e tornados interativos e os dados podem ser
inseridos de vrias formas, sendo estabelecidos anteriormente no cdigo ou inseridos em tempo real. No
prottipo no esto includas muitas das funcionalidades mais interessantes, contendo s as mais bsicas.
No entanto simples importar um projeto mais detalhado que demostre tudo o que a biblioteca permite
fazer. Por exemplo, possvel arrastar e mover qualquer grfico sem ter de adicionar cdigo.
Neste prottipo esto implementados cinco diferentes grficos, Line Graph, Bar Graph, Pie Graph, Scatter
Graph e Bubble Graph. Foi ativado em todos eles tambm a capacidade de aumentar e diminuir o zoom. A
Figura 8 mostra o menu com os cinco grficos criados. O Line Graph est visvel na Figura 9, criado s com
um conjunto de dados. A Figura 10 ilustra um Pie Graph com trs seces. A escolha das cores feita
automaticamente a partir de um conjunto de cores fornecida no cdigo de forma a nunca ter duas seces
da mesma cor. A Figura 11 contem um Scatterplot feito com duas series e a Figura 12 ilustra um Bubble
Chart s com uma. Estes exemplos so muito simples mas no representam os limites intrnsecos de cada
2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

tipo de grfico. Para mostrar algumas das outras capacidades da biblioteca, esto includas duas imagens
com alguns exemplos mais avanados. (AChartEngine, s.d.) A Figura 13 mostra como possvel adicionar
mltiplos tipos de grficos e mltiplas sries de dados numa nica activity para obter um resultado o mais
detalhado e informativo possvel. Concretamente, nessa activity esto combinados dois Line Graphs, um
Bar Graph e um Bubble Graph. A Figura 14 mostra uma activity que comea vazia mas que pode ser
preenchida no momento com dados. Tambm possvel pressionar em cada seco do Pie Chart para obter
informao mais detalhada.

Figura 8 - Prototype Menu

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 9 - Prototype Line Graph

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 10 - Prototype Pie Graph

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 11 - Prototype Scatterplot

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 12 - Prototype Bubble Graph

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 13 - AChartEngine Demo Combined

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 14 - AChartEngine Dynamic and Clickable

Windows Phone
O Windows Phone o sucessor do Windows Mobile, o sistema operativo mvel mais usado nos EUA em
2007 (Windows Mobile, s.d.) antes do surgimento do iPhone, mas no compatvel com o seu antecessor.
Apesar de no ter gerado muitas vendas at agora comparativamente com o iPhone e com o Android, o
Windows Phone est a aumentar a sua influncia. Nos EUA, na ndia e no Brasil, smartphones com Windows
Phone controlam 11%, 7.5% e 6.9% dos mercados respetivos. (Windows Phone - EUA, ndia, Brasil, s.d.)
Existem 24 pases onde smartphones com Windows Phone foram mais vendidos do que iPhones no terceiro
trimestre de 2013. (Forbes 24 Countries where WP beats iPhone, s.d.) H que notar que estes dados devem
ser interpretados como uma fotografia do estado destes mercados e no representa a globalidade das
vendas. No entanto, certos padres so claros e mostram o interesse dos consumidores a subir
relativamente ao Windows Phone.
Com o objetivo de fornecer uma experincia coesa atravs de todos os dispositivos Windows, o Windows
Phone 8, o Windows 8, a Xbox 360 e a Xbox One partilham uma srie de funcionalidades e semelhanas na
interface. Isto permite que um utilizador se sinta confortvel a alternar entre o seu smartphone e desktop,
semelhante experincia que a Apple oferece, permitindo alguma personalizao no software, alguma
2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

escolha no hardware e preos competitivos. A Figura 15 mostra como os utilizadores podem personalizar a
sua experincia com Windows Phone ao escolher no s o aspeto geral do menu inicial como a posio e
proeminncia das aplicaes que mais lhe interessam. Alm disso, este sistema operativo conta com o
poder do Microsoft Office e d a possibilidade de utilizar verses adaptadas a smartphones de ferramentas
como o Word, PowerPoint e Excel.

Figura 15 - Windows Phone 8 Customizing

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 16 - Windows Phone: Mobile Office

HTML5
Por oposio aos temas observados nas seces anteriores, o HTML5 (HTML5, s.d.) no um sistema
operativo mas sim uma linguagem de programao que permite disponibilizar media tal como vdeos,
msica e aplicaes web complexas sem necessitar de plugins adicionais. No entanto, devido s suas
capacidades, possvel desenvolver aplicaes com HTML5 que podem ser utilizadas em qualquer tipo de
dispositivo que tenha acesso a um browser de Internet. Isto significa que, na prtica, um web browser
poder-se- tornar equivalente a um sistema operativo para certas aplicaes. Um software developer,
quando deparado com a escolha de desenvolver uma aplicao para iOS, Android ou Windows Phone, pode
simplesmente escolher criar uma aplicao web que funcione em todos estes e em qualquer outro sistema
operativo, em qualquer laptop, desktop ou dispositivo compatvel com HTML5.
Esta versatilidade vem ao custo de algum conforto da parte do utilizador j que no vai executar estas
aplicaes nativamente nos sistemas operativos. Isto empobrece o look and feel mas s parcialmente, j
que h formas de ajustar um webapp a cada sistema operativo. O responsive design, uma filosofia de
criao de websites, trata exatamente disso, promovendo webapps cuja aparncia transformada
consoante o dispositivo que os utilizam. Seguindo esta ideologia, uma aplicao pode transformar o layout
do seu contedo para se adaptar a diferentes dimenses e resolues de ecrs. Mais do que introduzir
adaptabilidade, o responsive design tambm protege uma aplicao de potenciais problemas futuros se for
necessrio atingir mais e novas plataformas. O HTML5 ainda est em fase de desenvolvimento mas j
2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

mostra imenso potencial e j comea a ser incorporado como alternativa ao antigo HTML 4.1 em alguns
websites e na maior parte dos browsers. Por exemplo, o HTML5 usado parcialmente no Youtube sempre
que a combinao de browser e vdeo sejam compatveis. O DeviantART, um site de partilha de trabalhos
originais de artistas, contm o DeviantART muro onde possvel criar desenhos com ferramentas
avanadas utilizando somente HTML5, apresentado na Figura 17. Numa experincia de at onde possvel
ir com os sons do HTML5, Fritz Obermeyer criou o Fritzo Keys (Fritzo Keys, s.d.), um piano fluido em que
as teclas se influenciam entre si, tanto em termos visuais como auditivos. A aplicao at oferece quatro
formas diferentes de visualizar as teclas, sendo estas um piano mais clssico, ilustrado na Figura 18, as
wedges, thermal e flow, est ultima representada na Figura 19.

Figura 17 - DeviantART muro

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 18 - Fritzo Keys Piano

Figura 19 - Fritzo Keys Flow

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

References
(n.d.). Retrieved from Fritzo Keys: http://www.fritzo.org/keys/#style=piano
AChartEngine.
(n.d.).
Retrieved
from
https://code.google.com/p/achartengine/downloads/list
Alternative
Android
Appstores.
(n.d.).
Retrieved
from
http://www.digitaltrends.com/mobile/android-app-stores/#!bpPnay

Google

Digital

Code:

Trends:

Amazon App Store for Android. (n.d.). Retrieved from Amazon: http://www.amazon.com/mobileapps/b/?_encoding=UTF8&camp=1789&creative=390957&linkCode=ur2&node=2350149011&tag=
digitren08-20
Android Homepage. (n.d.). Retrieved from Android: http://www.android.com/
Apple Homepage. (n.d.). Retrieved from Apple: https://www.apple.com/
Apple iOS. (n.d.). Retrieved from Apple: https://www.apple.com/ios/
F-Droid Homepage. (n.d.). Retrieved from F-Droid: https://f-droid.org/
Forbes

24
Countries
where
WP
beats
iPhone.
(n.d.).
Retrieved
from
Forbes:
http://www.forbes.com/sites/gordonkelly/2014/01/21/here-are-24-countries-where-windowsphone-outsells-the-iphone-and-why-it-does/

HTML5. (n.d.). Retrieved from Wikipedia: http://en.wikipedia.org/wiki/HTML5

Statista

Global
Smartphone
Sales.
(n.d.).
Retrieved
from
Statista:
http://www.statista.com/statistics/266219/global-smartphone-sales-since-1st-quarter-2009-byoperating-system/

Surface

Pro
3.
(n.d.).
Retrieved
from
Microsoft
http://www.microsoftstore.com/store/msusa/en_US/cat/Surface/categoryID.66734700

Store:

Windows Mobile. (n.d.). Retrieved from Wikipedia: http://en.wikipedia.org/wiki/Windows_Mobile

Windows
Phone
EUA,
ndia,
Brasil.
(n.d.).
Retrieved
from
Pplware:
http://pplware.sapo.pt/informacao/windows-phone-estados-unidos-india-e-brasil-dominam-omercado/

2/2
Projeto em curso com o apoio de: