Ambiente de desenvolvimento integrado na nuvem (Cloud IDE)

As vantagens de usar cloud IDE é a capacidade de reproduzir facilmente o ambiente a partir do repositório do git, outra vantagem é não precisar instalar programas no seu computador, também é possível começar o desenvolvimento em uma máquina e continuar exatamente onde você parou em outro computador.

Caso seja necessário desenvolver em computadores diferentes como faço? Cloud IDE. Por exemplo, usar o meu computador quando estou em casa de manhã e continuar o desenvolvimento quando vou pra casa do meu pai a noite.

Os principais recursos necessários

Uma IDE deve fornecer um local único para o trabalho de desenvolvimento. Para isso é preciso recursos principais como: editor de código, gerenciamento de código fonte, execução e visualização do resultado.

Editor de código

É a parte principal de escrita de código então esse recurso deve ter meios de ajudar o desenvolvedor a se adaptar a sua forma de escrita de código, ou o contrário, o desenvolvedor tem que adaptar a como é que a IDE disponibiliza suas facilidades.

Gerenciamento de código fonte

Pra mim o que faz o andamento das funcionalidades é o git. Esse tipo de fluxo de trabalho é bem explicado pelo github: https://guides.github.com/introduction/flow/

Basicamente, cria uma branch, adiciona commits, abre um pull request para discussões, comentários + code review, faz deploy e reintegra a branch na master.

Sendo assim os códigos gerados pela IDE não ficam “presos”, estão sempre a disposição do time para contribuições.

Execução e visualização do resultado

Aqui a IDE deve fornecer uma maneira legal de executar e visualizar aquilo que está sendo trabalho. Para esse caso, eu sempre prefiro conseguir reproduzir o mais próximo do ambiente de produção para evitar erros de incompatibilidade.

Assumindo responsabilidade de infraestrutura

Devido essas facilidades, podemos deixar de lado a relação direta com a infraestrutura, mais um benefício, conseguir trabalhar com “a infra estando por baixo dos panos”.

Em determinados momentos da carreira é importante assumir responsabilidades de infraestrutura, eu recomendo aprender docker e aws, essas coisas que ajudam pra caramba o trabalho do desenvolvedor, está ligado mais a infraestrutura do que ao desenvolvimento e isso vai dar uma bagagem necessária para ser o profissional completo.

Mas se estiver se aprofundando em programação, aprendendo sobre um framework, por que seria necessário assumir essa responsabilidade?

Como eu uso?

Você também pode criar ambiente de desenvolvimento rapidamente eu vou mostrar o passo a passo abaixo. Quero que você também tenha o gatilho mais rápido do oeste para executar aplicações, hehe.

Codeanywhere

1- Acesse https://codeanywhere.com/

codeanywhere.com

2- Clique em Login

3- Clique no ícone do GitHub

codeanywhere.com-login-github

4- Informe o seu login e senha da conta do Github

5- No editor escolha o nome para o container, no meu caso vou escolher “slim-skeleton”

6- Escolher a stack, para PHP digite php7 na busca, click na stack php7 no centos 6.5

editor-php7

7- Clique em CREATE, vai aparecer uma mensagem de progresso ex: “Status: Deploying Container…”

8- Na aba do terminal que está aberta faça o clone do projeto que vai executar, no meu caso “git clone git@github.com:ptcmariano/slim-skeleton-controller.git .”

9- baixar as dependencias do projeto comando “composer install”

10- Clique em Run Project, e irá abrir uma nova aba com o projeto sendo executado

editor-executando-projeto

Está pronto, só continuar o fluxo de desenvolvimento do git, toda stack está na mão com poucos comandos.

Dica: caso precise criar um ambiente em cloud IDE que seja para um fim específico, utilize um email temporário, com a ferramenta https://temp-mail.org/pt/

E agora, recomendo experimentar trabalhar dessa forma. Depois volte nesse post e me diga se valeu a pena ou se você preferiu continuar com o ambiente local. Preciso saber quais seriam os motivos para que eu tivesse que assumir a responsabilidade de infra em ambiente local.

Abraços e codifiquemos!

Anúncios

Minha Jornada com PHP

Recentemente me deparei que estou envolvido até as tampas com PHP. Comecei aqui mesmo em 2010 e nem sabia, a plataforma wordpress ainda não tinha me trazido para desenvolvimento, era só uma forma de compartilhar os meus estudos.

Agora em 2017, nos últimos só tenho utilizado PHP, por que? Simples, ele é produtivo. Ah beleza, se usar Rails ou Django tem gente que consegue criar aplicações com facilidade. Mas eu ter trabalhado 3 anos e meio na Catho, sai pra montar um negócio (em outro post explico, eu se quiser me mande uma msg), fez com que eu conhecesse essa incrivel plataforma, gratuita, popular e vamos dizer “simpática”. Veja só é um elefante! (elephantine mascot of the PHP project) rsrs.

elephpant-running-78x48

Bom pra continuar essa saga, comprei um livro, criando aplicações web com wordpress.

Pretendo criar artigos sobre WP aqui! e continuar a descrição dos meus estudos nesse blog. Depois de um hiato de alguns meses.

Abraços.

Paulo Tiago Castanho Mariano

 

Time que é time trabalha junto

Time é um organismo social vivo que consegue entrosamento e comportamentos parecidos dos integrantes. Para desenvolver um bom sistema a formação de um time faz parte do processo. Diferentes de grupos de trabalhos, onde cada um tem o seu comportamento, objetivos e resultados individuais os objetivos e resultados de um time são coletivos e maiores do que a soma das partes.

Para ser time é preciso estar junto e agir juntos. Se um integrante age separado ou não fica um bom tempo junto, não está no time.

https://psicologado.com/atuacao/psicologia-organizacional/grupos-e-equipes-de-trabalho-nas-organizacoes

Princípios de usabilidade em aplicativos móveis

Reblogando conteúdo muito bom sobre UX mobile. Na minha opinião também serve para web.

https://www.thinkwithgoogle.com/intl/pt-br/articles/mobile-app-ux-principles.html

 

Os aplicativos móveis estão dando forma a novas expectativas de transação e serviços, portanto, melhorar as experiências dos usuários e as conversões é de extrema importância.

ADOTE

Elimine obstáculos de utilização

O objetivo nesse estágio é remover todos os obstáculos de utilização – e adesão – do seu aplicativo móvel.

Telas de Abertura (Splash Screen), Dicas & Técnicas de Ativação

Faça com que os usuários sintam-se engajados pelo conteúdo/substância o mais rápido possível para que eles possam utilizar e analisar o valor do aplicativo para eles. A primeira impressão conta, e a tela de abertura (splash screen) oferece uma janela pequena, mas crucial para engajar o usuário com a sua proposta. Opções de Dicas/Ajuda ou uma sequência de Técnicas de Ativação só devem ser implementadas se absolutamente necessário – nunca deixe os usuários esperando.

Tela Inicial & Navegação

A tela inicial de um aplicativo deve proporcionar ao usuário jornada(s) e funcionalidades para completar suas tarefas prioritárias, além de proporcionar conteúdo que atende as suas expectativas. A navegação deve ser clara, com foco na tarefa e na lógica, e consistente por todo o aplicativo. Apenas a navegação e o conteúdo primário devem ser visíveis na configuração padrão, com o conteúdo secundário escondido – porém, disponível através de cliques e deslizes – fora da tela.

Cadastro, Log-In e Permissões

Um dos grandes pontos de diferença entre aplicativos móveis e sites móveis é que os aplicativos permitem que os usuários se mantenham logados por mais tempo (eliminando o esforço de log-in manual e erros), recebendo os benefícios do nível de conveniência e personalização, derivados das suas informações, comportamentos e histórico de transações. Mas não solicite um cadastro a não ser que absolutamente necessário para proporcionar esse tipo de valor para o usuário.

USE

Simplifique decisões de conversão

O foco nesse estágio é permitir que as pessoas rapidamente busquem o que estão procurando, pesquisem e considerem produtos e serviços e continuem na sua jornada de transação entre diversos dispositivos.

Busca

Uma ótima ferramenta de busca ajudará os usuários a encontrarem o que estão buscando de maneira rápida e fácil, atingindo o objetivo de satisfazer suas necessidades e impulsionar o índice de conversão. Geralmente, a busca em aplicativos apresenta um nível de conversão muito mais alto do que a utilização sem busca, refletindo a intenção maior do consumidor. Existem diversas maneiras de permitir a busca, de palavras-chave a leitura óptica do produto até buscas por imagem.

Produtos & Serviços

As telas de produto são onde os usuários fazem suas decisões de conversão-chave, por exemplo: adicionar ao carrinho, adicionar à lista de desejos, reservar agora, ligar agora, preencher o formulário, etc. E boas telas de produto permitem que os usuários concluam a transação rapidamente, salvem os dados para depois e compartilhem os itens sobre os quais eles devem tomar alguma decisão.

Entre Dispositivos e Off-Line

Com o aumento de consumidores fazendo pesquisas em dispositivos móveis e convertendo em outras sessões ou em outro dispositivo ou na própria loja, é extremamente importante que os aplicativos permitam que os usuários façam a transição perfeita entre pontos de contato físicos e digitais rumo à conversão.

FACILITE A TRANSAÇÃO

Proporcione o máximo de conveniência

O objetivo nesse momento é ajudar os usuários a avançarem em cada etapa do check-out empenhando o mínimo de esforço e contando com mensagens confiáveis suficientes para realizarem a conversão sem pensar duas vezes.

Na etapa do carrinho compras, devemos dar o impulso necessário para que o usuário realize o check-out (para converter) ou continue comprando (para aumentar o valor médio do carrinho); confirmar todos os itens e os custos; e permitir que o usuário edite os itens. Na etapa de pagamento: devemos empregar métodos práticos de captação de dados – por exemplo, leitura óptica de cartões, pagamento express – e o preenchimento automático de dados para usuários recorrentes. Na etapa de check-out e confirmação devemos remover distrações que não levam à conversão; exibir opções de atendimento; fornecer check-out de uma única tela para usuários recorrentes; confirmar os principais detalhes da transação; e exibir conteúdo contextual que agregue valor além da operação imediata (e que contribua para a retenção).

RETORNE

Self-service, engajamento e satisfação (ou encantamento)

Durante esta etapa, o foco principal é ser útil, gerar engajamento e satisfação (encantamento) para reter consumidores ou incentivar fidelidade.

Conta & Senhas

Conta: os aplicativos são o ponto de contato ideal para consumidores e membros servirem a si mesmos, assim como administrarem suas contas e transações a qualquer hora e em qualquer lugar. Dê o controle e o nível de conveniência que apenas aplicativos móveis podem proporcionar aos seus consumidores.

Senhas: permita que os usuários recebam e resgatem senhas ou vouchers no aplicativo, visualizem seu status de fidelidade ou recebam atualizações quando algo for alterado – e elimine a necessidade de imprimir e portar garantias físicas.

Conteúdo & Design

Otimize a experiência do usuário com conteúdo adequado, tom de voz, design visual, utilização de motion design sutil, e ofereça melhores formas de descobrir conteúdos e itens – e garanta que os usuários nunca se deparem com becos sem saída.

Widgets e Notificações

Widgets: são extensões do app contidas dentro do seu aplicativo móvel principal que permitem que você publique pílulas de informação de alto valor e em momentos oportunos para usuários específicos, as quais são exibidas no smartphone do usuário para serem visualizadas e digeridas rapidamente.

Notificações: são mensagens que avisam os usuários de eventos altamente relevantes, pessoais e oportunos, assim como conteúdos ou mensagens. As notificações funcionam em modo stream no plano de fundo, até que o usuário identifique ou ouça um alerta.

Para ter acesso a todos os princípios de UX e as métricas-chave para mensuração, faça o download do relatório completo.