O documento discute Progressive Web Applications (PWAs), que combinam os melhores aspectos de aplicativos web e aplicativos nativos. PWAs carregam rapidamente e funcionam offline, enquanto ainda sendo acessíveis através de URLs e indexáveis por mecanismos de busca. À medida que os usuários interagem mais com um PWA, ele se torna "progressivamente mais como um aplicativo" oferecendo recursos como notificações e capacidade de instalação. PWAs representam o futuro da experiência do usuário na web.
PROGRESSIVE WEB APPS - O melhor da WEBHebert Silva
Progressive Web Apps (PWA) é um conjunto de experiências que combinam o melhor da Web com o melhor dos Aplicativos. São úteis desde a primeira visita do usuário em uma guia de navegador sem exigir instalações. Conforme o usuário desenvolve uma experiência com o aplicativo ele se torna cada vez mais eficaz. Ele é carregado com rapidez, mesmo em redes instáveis, envia notificações push relevantes, tem um ícone na tela inicial e é carregado como uma experiência de tela inteira de alto nível.
PROGRESSIVE WEB APPS - O melhor da WEBHebert Silva
Progressive Web Apps (PWA) é um conjunto de experiências que combinam o melhor da Web com o melhor dos Aplicativos. São úteis desde a primeira visita do usuário em uma guia de navegador sem exigir instalações. Conforme o usuário desenvolve uma experiência com o aplicativo ele se torna cada vez mais eficaz. Ele é carregado com rapidez, mesmo em redes instáveis, envia notificações push relevantes, tem um ícone na tela inicial e é carregado como uma experiência de tela inteira de alto nível.
Este artigo detalhará as lições aprendidas durante nossa jornada de empreendedora de 13 anos, gerenciando uma empresa de desenvolvimento de software e criando centenas de aplicativos móveis. Vamos revelar os segredos ocultos de como dar vida às suas ideias. Forneceremos etapas práticas com base em nossa própria experiência em aplicativos para dispositivos móveis e compartilharemos algumas dicas que funcionaram bem para nós. Aqui estão os 13 passos para criar um aplicativo de sucesso.
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
Palestra dada no Conexão KingHost 2015 sobre responsividade, HTML5 e o universo multiplataforma de desenvolvimento mobile. Os assuntos abordados foram:
- Responsividade - feel faster - adaptação os diversos devices
- Sites responsivos, uma solução temporária para o crescimento mobile
- Adaptação
- Atomic Design
- Frameworks
- Bootstrap
- Mobile First
- Necessidade de repensar o design focado em Mobile
- Simplicidade
- Diferença na prática (pequeno trecho)
- Fluxo do desenvolvimento
- Fluidez
- Unidades relativas
- Explosão das App's
- App pra tudo
- One API to rule them all
- Web Mobile x App
- Presença de mercado
- Link Building
- Apps HTML5
- Integração maior com o Browser
- Integração simples como número de telefone
- API's
- Geolocation
- Image upload
- LocalStorage
- Battery Status
- WebSocket
- Além da responsividade
- Perfomance
- Acessibilidade
- Dispositivos “desconhecidos”
- Funções do aparelho
- Javascript - aprimorando o comportamento
- Exemplo prático de um Carrossel Touch
- Exemplos multiuso
- Trello
Os aplicativos para smartphones fazem parte do nosso cotidiano e quase ninguém consegue viver sem eles: seja a função para despertar pela manhã, receber uma notificação para lembrar de beber água ou compartilhar aquela selfie maravilhosa com seus amigos.
Este artigo detalhará as lições aprendidas durante nossa jornada de empreendedora de 13 anos, gerenciando uma empresa de desenvolvimento de software e criando centenas de aplicativos móveis. Vamos revelar os segredos ocultos de como dar vida às suas ideias. Forneceremos etapas práticas com base em nossa própria experiência em aplicativos para dispositivos móveis e compartilharemos algumas dicas que funcionaram bem para nós. Aqui estão os 13 passos para criar um aplicativo de sucesso.
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
Palestra dada no Conexão KingHost 2015 sobre responsividade, HTML5 e o universo multiplataforma de desenvolvimento mobile. Os assuntos abordados foram:
- Responsividade - feel faster - adaptação os diversos devices
- Sites responsivos, uma solução temporária para o crescimento mobile
- Adaptação
- Atomic Design
- Frameworks
- Bootstrap
- Mobile First
- Necessidade de repensar o design focado em Mobile
- Simplicidade
- Diferença na prática (pequeno trecho)
- Fluxo do desenvolvimento
- Fluidez
- Unidades relativas
- Explosão das App's
- App pra tudo
- One API to rule them all
- Web Mobile x App
- Presença de mercado
- Link Building
- Apps HTML5
- Integração maior com o Browser
- Integração simples como número de telefone
- API's
- Geolocation
- Image upload
- LocalStorage
- Battery Status
- WebSocket
- Além da responsividade
- Perfomance
- Acessibilidade
- Dispositivos “desconhecidos”
- Funções do aparelho
- Javascript - aprimorando o comportamento
- Exemplo prático de um Carrossel Touch
- Exemplos multiuso
- Trello
Os aplicativos para smartphones fazem parte do nosso cotidiano e quase ninguém consegue viver sem eles: seja a função para despertar pela manhã, receber uma notificação para lembrar de beber água ou compartilhar aquela selfie maravilhosa com seus amigos.
Não existe mais nenhum questionamento se o meio móvel ganhou ou não o coração das pessoas. Hoje mais do que nunca utilizamos dispositivos móveis (principalmente celulares) para as mais diversas funcionalidades.
Entretanto, apesar do grande esforço das principais empresas no desenvolvimento de ferramentas para a construção de aplicativos específicos para suas plataformas, sempre existiu uma segunda vertente que utilizou tecnologias web em conjunto com as específicações nativas de cada plataforma para trazer uma experiência aos usuários.
Tendo isso em mente, novas formas de criação de aplicativos tem sido pensadas levando em consideração o que há de melhor na web e nas plataformas nativas. É vísivel o processo que leva a instalação de aplicativos nativos, que muitas vezes são usados apenas uma vez e ocupam espaço no aparelho dos usuários.
Dessa forma, esta sendo apresentado uma nova maneira, de unir o melhor da criação de páginas e aplicativos da web, mas que possa ser utilizado, quase que de forma nativa, sem a necessidade de efetivamente utilizar as ferramentas nativas.
É sobre isso que iremos conversar e explorar... as Progressive Web Apps.
12/2017 - Ministrei palestra com o tema: “Aplicativos Móveis: PWA, Instants Apps. Vamos entender?”, durante o Alagoas Developers, realizado na Faculdade da Cidade de Maceió - FACIMA.
Enterprise App Store é um portal através do qual os usuários finais (funcionários, parceiros e clientes) podem acessar, baixar e instalar aplicativos aprovados pelo corporativo.
Gartner diz que até 2017, mais de 25 por cento das empresas terão suas próprias lojas de aplicativos empresariais para gestão de aplicativos.
Desenvolvimento de aplicativos mobile híbridos
Apresentação realizada para os funcionários do Centro de Informática e Automação de Santa Catarina - CIASC
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;
[Grocery & Drinks| Congresso do E-Commerce] Como o PWA pode ajudar na experiê...E-Commerce Brasil
Como o PWA pode ajudar na experiência do usuário e transformar seu eCommerce? no Grocery & Drinks| Congresso de E-Commerce.
Palestrante Erick Melo - co-fundador e CCO da WEBJUMP.
Marketplace Conference 2018 - PWA: O Futuro dos Aplicativos Mobile Clique p...E-Commerce Brasil
PWA: O Futuro dos Aplicativos Mobile Clique para ver mais informações - Ivan BastosIvan Bastos - CEO, WebJump
Marketplace Conference 2018 - Arena Soluções
Do MVP ao PWA, melhorando o engajamento com cliente na CVCJanderson Silva
Palestra apresentada no QCon São Paulo 2018 - Um dos grandes desafios na relação entre a oferta de um produto online e o cliente em potencial é garantir uma experiência imersiva que resulte em um engajamento que o induza a escolher seu produto ao invés da concorrência e consequentemente aumente a taxa de conversão online.
Nesta palestra, será apresentada a abordagem técnica que transformou um produto mínimo viável que tinha por objetivo experimentar uma alternativa de busca de pacotes turísticos por mapa em um aplicativo web progressivo que permitiu o vislumbre de grande potencial para o aumento das conversões online, bem como a aceitação e o investimento dos stakeholders.
Serão apresentadas abordagens para o service worker e manifesto de aplicativos web que permitem uma experiência imersiva na tela inicial do usuário como um aplicativo nativo, fornecendo a gestão de cache com indexedDB API, notificações Push e interações ágeis.
Além disto, serão discutidos os desafios encontrados durante a implementação, bem como os ajustes arquiteturais necessários para a evolução e garantia no processo de maturidade do projeto.
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
Integração contínua - Prática de desenvolvimentoMario Mendonça
Integração Contínua é uma pratica de desenvolvimento de software onde os membros de um time integram seu trabalho frequentemente, geralmente cada pessoa integra pelo menos diariamente – podendo haver múltiplas integrações por dia. Cada integração é verificada por um build automatizado (incluindo testes) para detectar erros de integração o mais rápido possível. Muitos times acham que essa abordagem leva a uma significante redução nos problemas de integração e permite que um time desenvolva software coeso mais rapidamente.
Gulp - Automatizador de tarefas de front-endMario Mendonça
O Gulp é muito mais rápido, já que faz uso das streams do nodejs para escrever arquivos diretamente para o disco, dispensando intermediários. Sem falar na simplicidade do Gulpfile, que utiliza uma sintaxe de código semelhante ao código comum do nodejs.
O protocolo WebSocket possui a finalidade muito mais específica de ser implementado em navegadores web para comunicação persistente do código JavaScript com o servidor web.
Vanilla JS é uma referência ao JavaScript, que é uma linguagem rápida, leve e multi-plataforma para a construção de aplicativos incríveis e poderosos com JavaScript puro. Essa apresentação tem por objetivo apontar algumas das vantagens e desvantagens e quando usar essa poderosa ferramenta.
Web Components - Introdução a tecnologia que vem ganhando cada vez mais notoriedade e que visa auxiliar o desenvolvedor front-end na criação de componentes customizados.
7. Por que gostamos dos aplicativos Mobile?
Usamos aplicativos de celular todos os dias, e repetidas vezes ao dia – utilitários,
redes sociais, aplicativos de mensagens, tocadores de música.
Não precisa abrir um navegador, digitar uma URL, se autenticar e por aí vai. Basta
clicar em um ícone na Home que está tudo pronto.
Além disso, o aplicativo é mais rápido normalmente, trabalha offline e envia
notificações.
8. O que é ruim nas Apps Mobile?
Não são facilmente linkáveis, ou seja, não tem como eu enviar um link do
Facebook, de uma postagem da Web e você ver no seu telefone.
Não são indexadas pelos mecanismos de busca do Google, o que pode impactar
diretamente a visibilidade da sua app, ficando restrita apenas ao marketplace.
Por fim temos a instalação e atualização dos aplicativos, que muitas vezes são
muito custosos.
9. O que é ruim nas Web Mobile Apps?
Os websites mobile continuam lentos, pesados, e muitas vezes travam o
navegador no meio da navegação.
Facebook e o Google já começaram a preparar iniciativas para driblar esse
problema, como o Facebook Instant Articles e o Google Accelerated Mobile
Pages.
Mas esse tipo de iniciativa não resolve o problema, apenas o contorna.
Não tem notificações.
Não trabalham offline.
10. PWA - A Salvação?
Ele começa como uma simples aba no Chrome e se torna “progressivamente
mais app” à medida em que você engaja e interage com ele. Até chegar ao ponto
onde basta você adicionar o Web App à sua página inicial e pronto: ele passa a
adquirir funções que antes eram exclusivas de aplicativos nativos: geolocalização,
notificações, uso offline, etc..
“É uma aplicação Web com performance, animações,
notificações, instalável, trabalhando offline, linkável,
indexável e de fácil atualização.”
11. “Esses aplicativos não são entregues
através da App Store, eles são apenas
websites que tomaram a dose certa
de vitaminas.”
12. As vantagens para o usuário
Exemplo: O Shopping
Imagine você visitando o shopping pela primeira vez e talvez a única vez. Para
efetuar o pagamento do estacionamento você necessita usar o app do shopping.
Pensando num app nativo, precisaria ir até a loja de aplicativos do seu SO e
instalá-lo. Para utilizar, provavelmente, apenas uma vez.
Agora imagine a mesma situação, porém, para efetuar o pagamento você precisa
acessar apenas uma url em seu browser e progressivamente ele vai se tornando
um app, sem necessidade de instalação.
13. Características
Progressivos: funcionam para todos os usuários, independentemente da escolha de navegador, pois são
criados com aprimoramento progressivo como princípio central.
Responsivos: ajustam-se a qualquer formato: computador, dispositivo móvel, tablet ou o que quer que
esteja por vir.
Independentes de conectividade: aprimorados para usar service workers para funcionar off-line ou em
redes de baixa qualidade.
Semelhantes a um app: o usuário sente que está usando um app, com interações e navegação no
mesmo estilo de apps, pois eles são criados no modelo app shell.
Atualizados: sempre atualizados, graças ao processo de atualização do service worker.
14. Características
Seguros: veiculados por HTTPS para impedir o rastreamento e assegurar que o conteúdo não foi
adulterado.
Detectáveis: são identificáveis como "aplicativos" graças ao escopo de registro do service worker e
manifestos W3C, permitindo que mecanismos de pesquisa os encontrem.
Reengajados: facilitam o reengajamento por meio de recursos como notificações push.
Instaláveis: permitem que os usuários "salvem" os apps que consideram mais úteis na sua tela inicial
sem a inconveniência de ter que usar uma loja de apps.
Vinculáveis por link: compartilhamento fácil por meio de URL, sem a exigência de instalações
complexas.
16. Será que a moda pega?
Tecnologicamente falando: não é todo navegador que suporta as tecnologias e
frameworks necessários para que um aplicativo web progressivo funcione a 100%
de suas capacidades. Mas isso é só uma questão de tempo; toda tecnologia
acaba empurrando os limites das plataformas onde ela roda.