Aplicativo

de Design
Prof. Adriana Aguiar
A aplicação web diz respeito a uma solução que
é executada diretamente no browser (ou
navegador), não sendo preciso realizar uma
instalação na máquina do usuário. Pode-se,
também, utilizar como definição “tudo aquilo
que é processado em um servidor terceiro”.
 Como funciona uma aplicação
web?
Para que uma aplicação web funcione, ela depende de um servidor web, de
solicitações realizadas pelos usuários, do uso de protocolos e métodos
(normalmente o HTTPS) e da resposta do protocolo.
A aplicação deve permitir que as pessoas usuárias consigam fazer uma
solicitação e receber algo em resposta. Ou seja, elas precisam mediar essa
interação de forma natural, devolvendo o que a pessoa deseja como
resultado — por exemplo, se a pessoa pede para abrir uma foto, é preciso
que isso seja devolvido à ela, e não a abertura de uma página aleatória.
Nesse sentido, o servidor tem por função receber a
solicitação do público e devolver uma resposta para a
aplicação. A resposta pode
B i g D ser
a t a a abertura de uma nova
página, imagens, documentos, entre outros.
Outro componente da aplicação web é o protocolo HTTP. Ele é
como uma espécie de “linguagem” que determina o padrão
pelo qual a solicitação realizada se comunica com o servidor.
Outros protocolos envolvidos em aplicações web podem ser:
• FTP (transmissão de arquivos);
• SMTP (envio de mensagens para um servidor de e-mail);
• POP e IMAP (acesso a mensagens de e-mail eletrônico).
Uma das principais vantagens é que, como a maioria domina o uso
dos navegadores, a usabilidade dessas soluções é tranquila para o
público, sem a necessidade de um treinamento detalhado sobre como
utilizar a aplicação.
Além disso, todas as atualizações necessárias são feitas por meio de
um único servidor central, não sendo preciso baixar aplicações ou
realizar reinstalações. Logo, temos tudo feito de forma centralizada,
sem maiores problemas, bastando realizar a adaptação no servidor.
 Quais as principais partes da
estrutura de uma aplicação Web?
Enxergar uma aplicação web pronta, testada e funcionando é muito
bom, não é mesmo? Pois bem, mas temos que entender que boa
parte das aplicações depende diretamente de um banco de dados, de
um sistema de middleware na web, entre outros componentes e
ferramentas.
Assim, caso você enfrente algum problema em sua
aplicação, terá mais facilidade para contorná-lo por
conhecer a arquitetura. As principais partes que
compõem uma aplicação web são:
Front-end
O front-end nada mais é que toda a
parte visual de um site. Através
dos códigos, uma interface é
construída (de preferência,
bastante amigável). As tecnologias
mais utilizadas para a construção
de um site são o HTML e CSS,
bem como o Javascript para
implementação de algumas
funcionalidades.
 Back-end
O back-end, como o próprio nome já diz, é
tudo aquilo que está por trás de uma aplicação.
Toda essa construção da base da aplicação
pode ser desenvolvida com o uso de
linguagens de programação, como o Java,
Ruby, C#, Python, PHP, entre outras. Além
disso, é através do back-end que ocorre a
conexão entre os bancos de dados e o
carregamento de informações.
 API
A API é um conjunto de normas que
possibilita a comunicação entre diversas
plataformas. AllPor sua
About it vez, as pessoas
desenvolvedoras costumam utilizar as APIs
para comunicar funcionalidades diferentes
com suas aplicações web.
 Quais os 10 principais tipos de
WebApps?
Big Data
As WebApps podem ser utilizadas em diferentes situações e atendem
às necessidades de clientes mais rapidamente do que um aplicativo
nativo. Portanto, pode-se dizer que as aplicações web são as que
mais vem se destacando no mercado.
 Veja os 10 principais
tipos de WebApps:
1. Aplicativos web estáticos
Bastante conhecido pelos usuários que buscam publicar artigos, é um tipo
de aplicativo simples que exibe um conteúdo bem pequeno e que tem a
capacidade de funcionar de modo offline sem a necessidade de instalação
de outros aplicativos para seu funcionamento.
Nesse tipo de aplicação web, a pessoa usuária não tem a liberdade de
modificar ou gerenciar o site, já que todo seu conteúdo é totalmente
estático.
2. Aplicativos web dinâmicos

Os aplicativos web dinâmicos utilizam base de dados para que seu

carregamento possa ser completado, fazendo com que sempre ocorra
uma atualização da aplicação quando uma pessoa usuária realiza o
acesso. Por isso, são WebApps com um nível de complexidade maior.
Esse tipo de aplicativo permite um gerenciamento mais simples, pois a
pessoa responsável pela aplicação pode realizar modificações e
atualizar as informações do site de forma bastante rápida e simples.
Além disso, esse tipo de aplicação permite a implementação de
diversos recursos.
3. Lojas onlines
As lojas onlines, também conhecidas como e-commerces, são uma
aplicação web mais complexa por se tratar de venda, gerenciamento
de produtos e carrinho, além da implementação de diferentes métodos
de pagamento. Big Data

Nos e-commerces, é necessário desenvolver o local onde a pessoa

usuária vai realizar a compra e também criar um painel de gestão,
onde as pessoas administradoras do site poderão ter controle de
estoques, pedidos, receita, atualizações, exclusões, entre outros
métodos que devem ser implementados nesse painel.
4. Aplicativos de página única
Também chamados também de landing page, os aplicativos
de página única costumam ser mais indicados para serviços
voltados à apresentação de algo. O objetivo é fazer com que
clientes entreguem suas informações pessoais para alguém
em troca da oportunidade de otimizar sua experiência de
navegação ou obter alguma vantagem, como um e-book ou
material.
5. Aplicativo com diversas páginas
Os aplicativos com diversas páginas permitem que as pessoas
usuárias naveguem em diversas páginas dentro da aplicação e
otimizam o ranqueamento em relação aos motores de busca. Muitas
vezes, as empresas utilizam aplicativos com diversas páginas como
página institucional para fazer uma apresentação breve sobre a
empresa, serviços oferecidos, contato, redes sociais, entre outros.
6. Aplicativos web animados
Um pouco diferentes das linhas de aplicativos citados anteriormente,
as aplicações animadas são as compatíveis com a tecnologia FLASH,
que é a responsável por toda a animação encontrada dentro da página.
É comum que esse tipo de aplicação seja escolhida por pessoas que
buscam páginas mais modernas ou até mesmo para exposições de
jogos. A tecnologia FLASH oferece às pessoas usuárias uma
experiência encantadora e permite a utilização de layouts incríveis.
7. Aplicações para gerenciamento de conteúdo
Aplicações para gerenciamento de conteúdo são
indicadas para pessoas que buscam escrever artigos,
notícias e colocar publicações de vendas. Com as
aplicações de gerenciamento de conteúdo, é possível
fazer a gestão e organização da página da forma que
deseja entregar o conteúdo através de um painel
administrativo, com mais facilidade e muita rapidez.
8. Aplicações de portais
As aplicações desenvolvidas para portais costumam
apresentar um alto nível de complexidade já que envolvem
diversos tipos de documentações,
Big Data autorizações e permissões.
Portais web também permitem uma série de customizações,
principalmente para cursos e materiais educacionais. Por isso,
costumam ser solicitados por universidades, além dos portais
governamentais.
9. Progressive Web App
Os progressive web app, também conhecidos pela a sigla PWA, são
os aplicativos que mais estão em alta. Progressive web apps são
desenvolvidos com tecnologias bastante conhecidas, como HTML,
CSS e o Javascript, e oferecem aos seus usuários uma experiência
incrível e moderna. Alguns, inclusive, são bastante parecidos com
aplicativos nativos.
10. Aplicativos de plataforma
Os aplicativos de plataforma no início podem parecer bastante
confusos, mas contribuem muito
B i g D a tquando
a o assunto é agilidade.
Aplicativos de plataforma não dependem de um conhecimento
muito aprofundado em programação, já que você pode desenvolver
uma estrutura em bloco e depois só ir alimentando as informações
que deseja.
 Conheça 5 exemplos de
As WebApps são tecnologias totalmente engajantes, rápidas e confiáveis.

WebApps!
Seu desenvolvimento é bastante rápido e basta apenas conexão de internet
Big Data
e um bom navegador para que elas atendam a necessidade das pessoas
usuárias. Por isso, cada vez mais pessoas desenvolvedoras usam essa
ferramenta para construir aplicações simples e que possam chegar à maior
quantidade de pessoas.
É também por isso que não é difícil de encontrar exemplos de webApps
famosas na internet! Veja 5 exemplos, a seguir.
 1. Twitte
All About it
As redes sociais são consideradas um ótimo exemplo de webApps.
Atualmente, é comum que a gente entre na App Store ou na Play Store
para realizar o download do aplicativo Twitter. Porém, quem está há
mais tempo na internet lembra bem que a rede social começou como
aplicação web. Ainda hoje, o Twitter pode ser acessado através do uso
de navegadores ou dispositivos móveis.
2.O Youtube,
Youtube plataforma de vídeo conhecida mundialmente,
também se trata de uma WebApp que oferece a opção de
acesso tanto por aplicativo, como por navegadores.
All About it
3.
O Instagram também é uma rede social bastante famosa,
Instagram
como o Twitter, e é considerada uma webApp apesar de ter
sido concebida em um momento em que já existiam os
All About it
smartphones.
4. Pinterest
Pinterest é uma plataforma voltada para divulgação de fotos de
diversos segmentos e também possui seu próprio webApp. Assim, as
pessoas podem acessá-los tanto através de aplicativos, quanto de
All About it
computadores com funcionalidades iguais para todos os dispositivos.
5. Uber
Pode parecer um pouco estranho, mas o Uber também se trata de
um webApp. Ele permite que você fixe seu ícone de acesso à tela
inicial do seu smartphone trazendo então mais facilidade no
momento de solicitar uma corrida,Allpor
About it
exemplo, além de ser
acessível via navegador.
 Quais as vantagens dos
aplicativos web?
Ao utilizar um determinado software, seja ele um aplicativo, um site ou até
mesmo um plataforma de determinado
B i g D a t aserviço, todos eles fazem parte de
um processo online que depende 100% de uma rede e de um servidor para
a sua hospedagem.
Atualmente os servidores têm como objetivo guardar todas as informações
que foram colocadas nele de forma mais rápida. Por conta desse e outros
fatores, os aplicativos web vem trazendo muitas vantagens para o mercado.
Confira 7 dessas vantagens a seguir.