Os acesso a aplicações web vindo de dispositivos móveis tem aumentado exponencialmente, e um dos grandes desafios hoje para o desenvolvedor é criar aplicações que ofereçam o melhor dos recursos de cada dispositivo – mas sem replicar código específico a cada plataforma.
Nessa palestra serão compartilhadas experiências vividas e estratégias adotadas na Globo.com, na migração de portais web para aplicações web multiplataforma. É mostrado como recursos de linguagens conhecidas como HTML5, JavaScript e CSS3 têm nos auxiliado na construção de um único código acessado em qualquer dispositivo – explorando o que de melhor cada plataforma oferece. Veremos também como temos utilizado Responsive Design, RESS (Responsive design with server side components) e Mobile First como apoio nessa caminhada.
Evento: 8º Connecting Knowledge
Palestrante: Heider Lopes
Mais Slides do Author: slideshare.net/heiderlopes
Resumo: O que levar em consideração ao decidir criar uma app ou web. Veja alguns fatores que podem tem ajudar a tomar a decisão.
Os acesso a aplicações web vindo de dispositivos móveis tem aumentado exponencialmente, e um dos grandes desafios hoje para o desenvolvedor é criar aplicações que ofereçam o melhor dos recursos de cada dispositivo – mas sem replicar código específico a cada plataforma.
Nessa palestra serão compartilhadas experiências vividas e estratégias adotadas na Globo.com, na migração de portais web para aplicações web multiplataforma. É mostrado como recursos de linguagens conhecidas como HTML5, JavaScript e CSS3 têm nos auxiliado na construção de um único código acessado em qualquer dispositivo – explorando o que de melhor cada plataforma oferece. Veremos também como temos utilizado Responsive Design, RESS (Responsive design with server side components) e Mobile First como apoio nessa caminhada.
Evento: 8º Connecting Knowledge
Palestrante: Heider Lopes
Mais Slides do Author: slideshare.net/heiderlopes
Resumo: O que levar em consideração ao decidir criar uma app ou web. Veja alguns fatores que podem tem ajudar a tomar a decisão.
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...Augusto César Albuquerque
Como adaptar os sites a esta nova realidade na vida das pessoas e Como criar sites que se adaptem a infinidade de aparelhos nesta nova realidade de mercado? Através da produção desse artigo é possível entender o cenário da nova forma de acesso a Internet.
Desenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana ChahoudiMasters
Juliana Chahoud - Consultora, ThoughtWorks
Com tantas empresas adotando a estratégia "Mobile-First" (dispositivos móveis em primeiro), uma das grandes decisões que um time de desenvolvimento precisa tomar é: qual tech stack usar para mobile?
Diversas tecnologias e linguagens podem ser adotadas, como Swift, Java, Kotlin, React Native, Flutter, Progressive Web App, criação de sites responsivos, etc...
No entanto, com tantas variáveis a serem consideradas, essa decisão passou a ser não trivial e que pode trazer grandes consequências a longo prazo e até mesmo inviabilizar um projeto.
Nessa palestra serão discutidos os prós e contras de diversas abordagens, para que você possa ter um guia para tomar decisões mais corretas no uso dessas tecnologias
Palestra apresentada no InterCon 2018 - https://eventos.imasters.com.br/intercon
Apresentação feita no 2a rodada de encontros do IxDA Vitória focando no compartilhamento de experiências.
Dessa vez eu falei um pouco sobre os elementos da experiência mobile, contextualizando com o projeto que estamos iniciando na Wine e discutindo sobre o processo de comunicação e de planejamento de projetos web.
Slides da apresentação realizada dia 29/10/2014, para a disciplina Programação para Internet I, do curso de Análise e Desenvolvimento de Sistemas da faculdade Senac Porto Alegre.
Apresentação de Introdução as práticas de Desenvolvimento Web com Design Responsivo utilizada no 4° Meditec - Medianeira In Technology, realizado em Medianeira - PR.
Autores:
Anderson Rodrigo Davi - andersonrdavi@gmail.com;
Régis Eduardo Weizenmann Gregol - regiseduardogregol@gmail.com.
Código fonte disponível no Github: http://github.com/bicoco/agenda-meditec
Exemplo layout fixo: http://agendameditec.herokuapp.com/index.html
Exemplo layout responsivo: http://agendameditec.herokuapp.com/responsivo.html
Conceitos básicos para quem está aprendendo a gerenciar campanhas de Links Patrocinados no Google AdWords. Saiba mais sobre a ferramenta nessa apresentação.
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...Augusto César Albuquerque
Como adaptar os sites a esta nova realidade na vida das pessoas e Como criar sites que se adaptem a infinidade de aparelhos nesta nova realidade de mercado? Através da produção desse artigo é possível entender o cenário da nova forma de acesso a Internet.
Desenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana ChahoudiMasters
Juliana Chahoud - Consultora, ThoughtWorks
Com tantas empresas adotando a estratégia "Mobile-First" (dispositivos móveis em primeiro), uma das grandes decisões que um time de desenvolvimento precisa tomar é: qual tech stack usar para mobile?
Diversas tecnologias e linguagens podem ser adotadas, como Swift, Java, Kotlin, React Native, Flutter, Progressive Web App, criação de sites responsivos, etc...
No entanto, com tantas variáveis a serem consideradas, essa decisão passou a ser não trivial e que pode trazer grandes consequências a longo prazo e até mesmo inviabilizar um projeto.
Nessa palestra serão discutidos os prós e contras de diversas abordagens, para que você possa ter um guia para tomar decisões mais corretas no uso dessas tecnologias
Palestra apresentada no InterCon 2018 - https://eventos.imasters.com.br/intercon
Apresentação feita no 2a rodada de encontros do IxDA Vitória focando no compartilhamento de experiências.
Dessa vez eu falei um pouco sobre os elementos da experiência mobile, contextualizando com o projeto que estamos iniciando na Wine e discutindo sobre o processo de comunicação e de planejamento de projetos web.
Slides da apresentação realizada dia 29/10/2014, para a disciplina Programação para Internet I, do curso de Análise e Desenvolvimento de Sistemas da faculdade Senac Porto Alegre.
Apresentação de Introdução as práticas de Desenvolvimento Web com Design Responsivo utilizada no 4° Meditec - Medianeira In Technology, realizado em Medianeira - PR.
Autores:
Anderson Rodrigo Davi - andersonrdavi@gmail.com;
Régis Eduardo Weizenmann Gregol - regiseduardogregol@gmail.com.
Código fonte disponível no Github: http://github.com/bicoco/agenda-meditec
Exemplo layout fixo: http://agendameditec.herokuapp.com/index.html
Exemplo layout responsivo: http://agendameditec.herokuapp.com/responsivo.html
Conceitos básicos para quem está aprendendo a gerenciar campanhas de Links Patrocinados no Google AdWords. Saiba mais sobre a ferramenta nessa apresentação.
Assista esse treinamento em: https://www.youtube.com/watch?v=yPabSsHNXng
Assista o treinamento ministrado por Patrícia Souza e Maurício Becker. Está disponível gratuitamente no canal da Mateada no YouTube.
Agência especializada em marketing situada em São Paulo.
Links patrocinados, SEO, Sites, Lojas Virtuais, Mobile sites, Aplicativos, Email marketing e consultoria
Palestra apresentada no DevFest Centro Sul Fluminense 2016
Entenda como mobile tem impactado a vida das pessoas e como é possível integrá-lo ao seu negócio para proporcionar uma experiência mais interessante aos seus clientes.
O DESAFIO DO ANO - RENOVAR O WEB SITE OU CRIAR UM APP MOBILE?Thiago Fernandes
As vendas de smartphones no Brasil cresceram 65% em 2012, as vendas de tablets 351%! Para todo lugar que você olhar, você encontra uma pessoa com a cabeça imersa na telinha processando informações em um aparelho mobile.
Qual é a sua estratégia de mobilidade para 2013?
Com o crescente uso dos aplicativos mobile, a pergunta que você deve estar se fazendo nesse momento é: eu devo investir no desenvolvimento de um web site responsivo que possa ser visualizado em smartphones e tables, ou desenvolver um aplicativo que roda naturalmente nos aparelhos móveis?
Descubra as vantagens e desvantagens de cada uma dessas estratégias para que você possa tomar uma melhor decisão.
A Ynusitado é uma agência boutique especializada em inteligência digital. Planejamos, executamos e mensuramos estratégias online de alta performance, com destaque para produção de conteúdo para mídias sociais, otimização de sites para mecanismos de busca e criação de campanhas de links patrocinados. A Ynusitado também oferece serviços de arquitetura de informação e usabilidade, campanhas de email marketing, monitoramento de mídias sociais e criação de sites com enfoque em comércio virtual.
This presentation is the crux of a famous book "Seven Habits of Highly Effective People" by Stephen R. Covey. The presentation was originally created by Paul L Gerhardt of South Seattle Community College.
Como potencializar a experiência de uso (e vendas) pelo MobileCarla De Bona
Ao mesmo tempo em que a onipresença do mobile na vida dos consumidores é óbvia, a exigência por melhores serviços se destaca e ter um app da sua loja não é mais garantia de boa experiência e vendas.
Este workshop visa mostrar como podemos potencializar de verdade a experiência de uso pelo mobile, criando coisas que o desktop não consegue oferecer atualmente.
A Dext desenvolve estratégias e ações de marketing específicas para seu negócio. Vinculando 100% da demanda de comunicação ao escopo de trabalho, garantimos o padrão e evitamos desalinhamento em relação ao projeto ou campanha.
Northwest Rural Philanthropy Days 2013
Through personal and professional experiences, Emily Davis has researched and lived the importance of creating lifetime givers by reaching across four different generations, including the Generations X and Y. Her experiences as the author of Fundraising and the Next Generation, multi-generational family philanthropy consultant with 21/64, and philanthropy within her family has made her an informed member of the next generation of philanthropists. She will share why engaging the next generation is so important and why today’s Generation X and Y are tomorrow’s major donors.
O mercado para dispositivos móveis é gigantesco e cheio de oportunidades.
É o mesmo HTML, CSS e JavaScript que rodam nos navegadores independente do dispositivo. Eles têm diferenças entre si, claro, mas a maior parte é a mesma coisa. É tudo Web.
Minicurso de PhoneGap para SECCOMP (semana da computação) da Unesp de Rio Claro. Nesse minicurso foi desenvolvido um app simples, que realiza busca informações sobre artistas, utilizando a API do Last.fm
Segue o link para o código-fonte e os vídeos de demonstração para Android e iOS
Github:
https://github.com/fernandodelrio/MusicApp
Demonstração Android:
http://youtu.be/-2HYK7u0hSE
Demonstração iOS:
http://youtu.be/ReqqTbRUpQ4
Material abrange os paradigmas mais importantes do desenvolvimento móvel.
Material é fundamental para quem está interessado em migrar ou criar aplicações móveis.
Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...Pedro Edson Silva Barros
10/2017 - Ministrei palestra com o tema: “Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, Híbridos ou Web Apps. Qual utilizar?”, durante o VII Congresso Acadêmico da Uncisal - CACUN, realizado no Hotel Best Western Premier;
A Agência de marketing digital de brasilia - Digital Vision Sites Responsivo...Marco Aguiar
Sites Responsivos: O que são? Eu preciso de um?
Mas afinal o que é um site responsivo?
Site ou layout responsivo, ou também conhecido como site flexível é quando o site automaticamente se encaixa no dispositivo do usuário (PC, celular, tablet, etc).
As vantagens e os desafios na implementação do Mobile FirstLeandrinho Vieira
Palestra ministrada no WordCamp São Paulo 2019 em 5 de Outubro.
Nesta apresentação foram abordadas considerações importantes para a adoção do conceito Mobile First em seus projetos. Uma abordagem sobre as vantagens, os benefícios e os impactos nos negócios. Além de uma visão geral dos desafios.
Desenvolvimento Multiplataforma com Appcelerator TitaniumDirlei Dionísio
Nessa palestra online ministrada através da MobGeek, foram abordadas questões como:
- Por que desenvolver mobile apps?
- Por que desenvolvimento multiplataforma?
- Diferença entre multiplataforma híbrido e multiplataforma nativo
- Como o Titanium funciona?
- Vantagens e desvantagens do Titanium
- Recursos da Plataforma Appcelerator
Mobile First: A Era do Mobile Chegou? - Search Masters Brasil 2014Gustavo Bacchin
Palestra sobre Mobile apresentada no evento Search Masters Brasil 2014. Sobre tendências, comportamento de consumo mobile, investimento de mídia em mobile e SEO.
Web Design Responsivo: Soluções para múltiplos dispositivosJoão Rafael
Artigo que aborda o tema Design Responsivo para web, neste artigo esta uma compilação das principais técnicas utilizadas para se atingir um layout flexível.
Desenvolvendo Aplicações Web compatíveis com CelularesAlexandre Andrade
Palestra que apresenta uma posição sobre o mercado de desenvolvimento web para celulares no mercado brasileiro, apontando alguns problemas e soluções para os programadores
Assista esse treinamento em https://www.youtube.com/watch?v=-fSwqkHE48c
Assista o treinamento ministrado por Cristina Zanoni e Patrícia Souza. Está disponível gratuitamente no canal da Mateada no YouTube.
Google AdWords - Estratégias de RemarketingMateada
Assista esse treinamento em https://www.youtube.com/watch?v=mTNbdAcKHf0
Assista o treinamento ministrado por Cristina Zanoni e Patrícia Souza. Está disponível gratuitamente no canal da Mateada no YouTube.
Assista esse treinamento em https://www.youtube.com/watch?v=g2ZEAr12sKU
Assista o treinamento ministrado por Cristina Zanoni e Patrícia Souza. Está disponível gratuitamente no canal da Mateada no YouTube.
Assista esse treinamento em https://www.youtube.com/watch?v=lZTuBh1kcTw
Assista o treinamento ministrado por Cristina Zanoni e Patrícia Souza. Está disponível gratuitamente no canal da Mateada no YouTube.
Assista esse treinamento em https://www.youtube.com/watch?v=29asSzFQcl0
Assista o treinamento ministrado por Cristina Zanoni e Patrícia Souza. Está disponível gratuitamente no canal da Mateada no YouTube.
5 Coisas de SEO Que Você Precisa Saber Antes de Abrir um E-CommerceMateada
5 itens importantes de SEO que podem fazer a diferença na hora de abrir um E-commerce. Desde quesitos técnicos da plataforma até informações sobre a empresa podem fazer a diferença para o consumidor na hora da compra.
Conheça as principais funcionalidades do Bing Ads nessa apresentação. Bing Ads é o serviço de Links Patrocinados do Bing. Saiba quais são as principais diferenças em relação ao Google AdWords.
Medir a performance de um conteúdo não é uma tarefa fácil. Os resultados dependem da mídia onde o conteúdo foi publicado, do público que o consome e de outras variáveis. Veja algumas dicas de como interpretar dados de diferentes fontes para entender como está a aceitação do seu conteúdo.
14 métricas que você não pode deixar de acompanharMateada
Nessa apresentação, Rodrigo Leusin, da Agência Mateada, fala sobre as métricas que você deve acompanhar no seu site. Seja um e-commerce, um blog ou um site institucional, as métricas são importantes para mensurar o sucesso do seu trabalho.
Os gatilhos mentais podem ajudar em campanhas de Marketing, mas também podems ser muito úteis no seu dia a dia. Veja alguns exemplos e saiba como aplicar.
Adwords Express pode ser a sua porta de entrada para anunciar na Internet. Saiba mais sobre essa ferramenta de anúncio do Google para pequenos anunciantes.
A apresentação resolve as principais dúvidas sobre o funcionamento dessa rede social do Google. O Google + apresenta muitos recursos que nem todos conhecem.
Datas comemorativas para se aproveitar no e-commerceMateada
Se o ano de 2013 já está acabando e não dá mais tempo de planejar, aproveite esta oportunidade e comece a pensar em 2014! Na apresentação abaixo você encontra mês a mês algumas das várias oportunidades que as datas comemorativas podem oferecer. Aproveite este guia e comece o seu planejamento para 2014!
2. 1. Crescimento Mobile no Brasil
2. Como seu site pode atender esta demanda?
3. Opções de site Mobile
4. Quais as Técnicas para Implementação (Vantagens/Desvantagens)
5. Alternativa de Baixo Custo
6. Você ainda pode validar o site
SUMÁRIO
3. Segundo pesquisas feitas pelo instituto de pesquisas IDC (International Data Corporation) as vendas de smartphones no
Brasil aumentaram 110% no último ano.
Apenas no segundo trimestre de 2013 foram vendidos 8 milhões de smartphones no Brasil. Este é um forte indicativo da
popularização do Mobile. Além disso outros dispositivos também estão se popularizando como é o exemplo de smart tv
e tablets.
O crescimento nas vendas destes aparelhos contribuem para o aumento do número de pessoas conectadas na web.
A internet cada vez mais deixa de ser um privilégio de poucos.
CRESCIMENTO MOBILE NO BRASIL
4. Os tempos mudaram, e o comportamento do internauta também, o primeiro contato com a marca pode ser de um
dispositivo móvel ou de uma televisão.
A experiência do usuário com a marca nestes dispositivos é muito importante, por isso vamos ver quais as técnicas
usadas atualmente para projetar web sites e atender a crescente demanda de acessos oriundos destes dispositivos e
melhorar a experiência do usuário na web.
Atender a todos é preciso...
COMO SEU SITE PODE ATENDER ESTA DEMANDA?
5. O Google oferece suporte a três tipos diferentes de sites mobile:
Fonte: http://goo.gl/Xj2Bao
OPÇÕES DE SITE MOBILE
• Sites que usam Web Design Responsivo, isto é, sites que funcionam em todos os dispositivos com o mesmo
conjunto de URLs, com cada URL fornecendo o mesmo HTML a todos os dispositivos e usando apenas CSS para
alterar como a página é processada no dispositivo. Essa é a configuração recomendada pelo Google.
• Sites que funcionam dinamicamente em todos os dispositivos com o mesmo conjunto de URLs, mas que em
cada URL fornece HTML (e CSS) diferente dependendo se o user agent pertence a um desktop ou a um
dispositivo móvel.
•Sites que têm URLs separados para desktop e dispositivos móveis.
6. Vamos entender como funciona cada um dos tipo de sites mobile.
• Responsive Web Design
É quando um site se adapta a qualquer tipo de dispositivo seja ela um desktop, celular, tablet ou televisão, sem modificar
em nada o seu conteúdo.
A maior dificuldade é planejar um conteúdo único que atenda a todos os dispositivos nos diferentes momentos do dia.
OPÇÕES DE SITE MOBILE
8. Vantagens:
• Uma URL para ambas as versões, não há duplicação de conteúdo.
• Evita a dispersão de popularidade no site.
• Não há necessidade de redirecionamentos.
Desvantagens
• É mais difícil produzir um conteúdo que atenda ao diferentes tipos de dispositivos.
• A experiência do usuário pode não ser tão boa.
OPÇÕES DE SITE MOBILE
9. • Dynamic serving
É quando um site utiliza uma única URL mas com conteúdo diferenciado para Desktop e Mobile.
Fonte: http://goo.gl/v3gYWr
OPÇÕES DE SITE MOBILE
10. Vantagens:
• Consegue criar conteúdos específicos para cada tipo de usuário.
• Uma URL para ambas versões, não há duplicação de conteúdo.
Desvantagens
• Exige maior entendimento técnico para implementação.
• O custo é maior devido a demanda de conteúdo personalizado para cada usuário.
OPÇÕES DE SITE MOBILE
11. • Parallel mobile site
É quando um site identifica o “user agent” e o direciona para a URL correspondente, neste caso é uma URL diferente
para cada tipo de dispositivo. O mais comum é utilizar sub-domínio como “m.seusite.com” para exibir o conteúdo
mobile.
Fonte: http://goo.gl/v3gYWr
OPÇÕES DE SITE MOBILE
12. Vantagens:
• Consegue criar conteúdos específicos para cada tipo de usuário.
• Maior facilidade na Implementação.
• Melhor usabilidade para o usuário.
Desvantagens
• Maior custo de manutenção.
•. Pode ocasionar duplicidade de conteúdo.
OPÇÕES DE SITE MOBILE
13. Algumas vezes o site possui muitos acessos mobile, mas não há dinheiro no momento para adapta-lo...
ALTERNATIVAS DE BAIXO CUSTO
14. Existem alguns serviços na web de baixo custo que podem adaptar um site para mobile...
Exemplo do site da Prato Verde na versão Mobile:
Ferramenta: http://www.dudamobile.com/
ALTERNATIVAS DE BAIXO CUSTO
15. Vantagens:
• Baixo custo.
• Não existe tempo de implementação.
• Fácil de implementar.
Desvantagens
• A URL do site será um sub-domínio da empresa que presta o serviço.
•. Pode ocasionar duplicidade de conteúdo.
• Por ser uma outra URL o Google vai considerar um site diferente, caso o site desktop já tenha popularidade, não será
repassada para este novo site.
ALTERNATIVAS DE BAIXO CUSTO
16. Ferramenta que podem ajudar na otimização da marcação HTML para sites mobile:
• http://validator.w3.org/mobile/#validate_by_uri
VOCÊ AINDA PODE VALIDAR O SITE
17. OBRIGADO!
Mateada – Agência de Marketing Digital
(51) 3516.8137
(11) 3522.9568
contato@mateada.com.br
@agenciamateada