Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

biologia

No description
by

hagamenon nicolau

on 15 April 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of biologia

Hagamenon N. de Oliveira
@haganicolau
/hagamenon.deoliveira
Hagamenon N. de Oliveira
(62) 8421-0756
haganicolau@gmail.com
First Mobile
Engenharia da Computação
MBA - Executivo em mídias digitais
Desenvolvedor WEB APP
Dados Estatísticos
Definição
Um aplicativo para celular é um software, que precisa ser instalado no smartphone e roda diretamente no sistema operacional.
Não precisa de internet
Recursos dos dispositivo de forma nativa
Hardware como memória, processamento
GPS, Acelerômetro, outros
Maior usabilidade e performance
Maior Custo e tempo de desenvolvimento
Necessário criar uma versão para cada plataforma
Manutenção diferente para cada plataforma
Experiência única com o usuário
Aplicativo WEB
Aplicativo Mobile
Definição
Refere se a uma técnica de estruturação HTML e CSS, que será executada no navegador ou Browser.
Desenvolver uma única solução
Menor tempo e custo de desenvolvimento
Otimizado para o Google (SEO)
Manutenção em apenas uma solução
Sem necessidade de instalar. Executa no Navegador
Conectado a Internet
Dependência de servidores WEB
Foco no que interessa
Desempenho pode ser prejudicado
Espaço Reduzido
Internet Móvel ainda é ruim no Brasil
Preocupação com diversos tipos de hardware
Responsivo
Página web fluída que se adpta conforme a resolução do dispositivo.
Dedicado
Páginas Web fixas, que variam conforme a resolução do dispositivo
Site Mobile | Site Dedicado | Site adptativo
Exemplo:
Definição
Planejar, arquitetar e desenvolver projetos web primeiramente para dispositivos móveis depois para desktop.
Pensar em dispositivo mobile antes de dispositivo desktop.
Empurra para lá
Quebra para ca
Diminui aqui
Aumenta ali
Empurra para ca
sobe pra la
desce
...
Premissas Desenvolvimento Mobile:
Tela Menor
Hardware Limitado
Não possui ponteiros ou mouse
Internet Móvel no Brasil Limitada: 3G, 4G
Conteúdo Objetivo
Tela de diversos Tamanhos e resoluções
Experiência, usabilidade, arquitetura da informação
Arquitetura da informação
A Arquitetura da informação (AI) é a arte de expressar um modelo ou conceito de informação utilizados em atividades que exigem detalhes explícitos de sistemas complexos. Entre essas atividades estão sistemas de biblioteca, sistemas de gerenciamento de conteúdo. desenvolvimento web, interações de usuários, desenvolvimento de banco de dados, programação, artigos técnicos, arquitetura corporativa e de design de software de sistema crítico. Arquitetura da informação tem um significado um pouco diferente nestas diferentes ramificações de arquitetura de SI ou TI. A maioria das definições possuem qualidades comuns: um design estrutural de ambientes compartilhados, métodos de organização e etiquetagem de sites web, intranets e comunidades online, e meios de trazer os princípios de design e arquitetura para a paisagem digital.
Facilidade de Uso
Rapidez de aprendizagem
Eficiência de uso
Memória de Aprendizagem
Menor grau de erros
Frequência de uso
Nielsen & Loranger (2007, p. xvi)
Travamentos
Falta de recursos importantes
Sincronização
Filtragem
Vinculação de contas e etc...
Navegação Ruim
Não conseguir retornar
Não encontrar informações
Dificuldades em tocar objetos devido ao tamanho
Definição Usabilidade:
Principais Reclamações sobre o uso de aplicativos de dispositivos móveis:
Aplicativos Híbridos
Definição
Misto de desenvolvimento nativo e design responsivo. Desenvolvido usando HTML5, CSS e JavaScript e exibido em um Webview, que é um Navegador Web embutido dentro do aplicativo.
Exemplo
PhoneGap
Apache Cordova
Titanium
Mostly Fluid (Fluído)
Column Drop (Quebra de Coluna)
Layout Shifter
Mais popular
Pouco popular
Tiny Tweaks
Menos Popular
Página Web Simples
Off Canvas
Limitar as opções que são visíveis no momento
Não cria páginas verticais gigantescas
Definição
As Media Queries definem condições para que o CSS seja utilizado em cenários específicos. Se o dispositivo de adequar a todas as condições estabelecidas na sua Media Querie, o CSS será aplicado.
Lista de Características para selecionar um dispositivo:
Width
Height
Device-widith
Device-height
Orietation
Aspect-ratio
Device-aspect-ratio
color
color-index
monochrome
resolution
scan
grid
Como Funciona:
Diferença de Ambiente:
Usabilidade
HÍBRIDO
Compartilhamento do código entre plataformas
Possibilidades do uso de recursos sem desenvolvimento na plataforma nativa
Menor custo
Limitações de Complexidade
Limitações de Desing
Geração de código (Muitas vezes lixo)
Fontes:
Proxxima
Dlvr.it
Tatango
Smart Adserver
Research
Cisco
Comscore
Full transcript