para devsjunho 24, 2019

heartthrob-vision: fazendo a web mais acessível

Com uma pequena configuração você consegue fazer com que o seu website seja mais acessível somente adicionando descrição para as imagens dele automaticamente utilizando computer vision do Microsoft Azure Cognitive Services.

Depois de carregar a página, o heartthrob-vision irá enviar a url de cada foto na página para o serviço da Microsoft para criar a descrição do que está sendo mostrado na imagem.

NOTA: Eu recomendo criar manualmente todos os textos descritivos para o seu website. Isso fará com que a acessibilidade do seu site seja bem melhor do que utilizando o heartthrob-vision.

Veja os exemplos na documentação e veja o repositório no GitHub.

para vocêjunho 13, 2019

Olá, São Paulo

No próximo sábado (15) estarei abrindo um novo capítulo na minha história, tendo a cidade de São Paulo como minha residência e local de trabalho.

Desde a primeira vez que fui para a maior cidade da América Latina ficou claro que queria estar me mudando para lá, e uma das minhas metas de ano novo – para 2019, foi de pegar todas as minhas coisas e comprar uma passagem só de ida para lá.

Tenho a sorte, o privilégio, e bastante trabalho duro na minha bagagem que me permitiu, sempre, ter meus sonhos realizados, e aqui está, mais um pra lista!

O que mais me deixa animado, além do trabalho novo, é estar mais perto da comunidade técnica, tanto podendo participando de eventos quanto podendo palestrar e organizar mais eventos. Nesse novo capítulo terei certeza de que você irá ouvir meu nome muito ainda.

Para iniciar todo o rolê e oficializar ele, já tem até evento marcado no dia 26 de Junho lá em Campinas, SP – o Insider Dev Tour, aonde estarei falando sobre Microsoft Graph e desenvolvimento de aplicativos Windows 10.

para vocêjunho 07, 2019

Adeus Cachoeiro, ES

Hoje me despeço desta cidade que me acolheu calorosamente nos últimos 6 anos.

Muitas amizades, momentos bons e ruins. Estes últimos anos pareceram uma boa novela mexicana cheia de plots twitst e de uma boa trilha sonora.

Incontável o quanto ganhei estando lá, quantos sonhos realizei, quantas pessoas incríveis passaram pela minha vida.

Casa a venda, computador empacotado, passagens compradas. Hora de ir, hora de arrumar as malas pela última vez, despedir desta cidade e de todos os bons – e os maus – momentos que ela me proprocionou. O que será que eu vou aprontar agora? Stay tuned!

para devsmaio 28, 2019

heartthrob: o framework para o fluent design na web

Hoje estou lançando o framework css/js heartthrob, que adiciona mais elegância no seu projeto, para parecer com o Microsoft Fluent Design, ele foi inspirado pelo Michael West – um incrível designer que ainda irá dominar o mundo com suas ideias.

Construído, desde 2016, a partir do zero com CSS – e JavaScript, ele usa o sistema de grids para sites responsivos baseados em Bootstrap 3, a idéia é ter um começo para quando você precisa desenvolver uma solução para sua empresa ou para si mesmo, é limpo, simples, fácil e ainda pequeno.

A ideia por trás deste projeto é torná-lo o mais simples possível para novos desenvolvedores, e agencias que criam vários sites por mês, tornando simples estudar, contribuir e modificar. Ele também faz muitas funções automáticas sem precisar gastar muito tempo construindo elas.

Perfeito para dashboards: eu construí e uso o heartthrob em vários dashboards e CMSs em várias startups e sistemas corporativos.
Mais para compartilhar sobre isso em breve.

Bootstrap grid system: Um dos principais pontos do heartthrob é usar a mesma grid do Bootstrap, com uma ferramenta em que você tem mais controle.
Ele também tem muita compatibilidade com qualquer site usando o bootstrap, já que usamos muitos nomes de classes similares.

Compatibilidade com o Kendo UI: Dentro do heartthrob você encontrará um arquivo css: kendo.heartthrob, que pode adicionar todo o trabalho feito neste framework à interface do kendo. Ele fica muito com com as grids, dropdowns, scheduler e outras entradas. em desenvolvimento.

heartthrob

Dê uma olhada na documentação para ver o que o heartthrob pode fazer por você.

contribua: vamos construir juntos

Eu e minha equipe estamos usando ele nas soluções que construímos todos os dias, então espere correções agradáveis e pequenas adições, pois elas serão cada vez mais compatíveis com o Kendo e outros navegadores.

heartthrob
heartthrob-docs

Estou mais do que aberto para ter contribuições para este projeto, então vá até a página do GitHub para me ajudar a melhorar ainda mais!

OBSERVAÇÃO: O Heartthrob não está pronto para dispositivos móveis. Convido você a criar uma pull request com algumas correções para celular, especialmente no header e no content.

para mimmaio 23, 2019

Existe esse tal de desenvolvedor de palco?

Há um tempo atrás um amigo me chamou de “desenvolvedor de palco”, mas o que isso significa? Seria essa uma evolução do empreendedor de palco? Ou só mais um daqueles que colocam Havard no currículo sem nem mesmo terem pisado na universidade? Eu não fiquei ofendido, na verdade foi o oposto. Pra mim a definição do “de palco” é sobre aumentar o que foi feito, colocar flores e purpurinas. Colocar glamour aonde não se encontra. Hora pois, ser desenvolvedor é estar lidando com conhecimentos técnicos, ou você sabe ou não. É bem simples desmitificar isso.

Primeiro precisamos entender que programador e desenvolvedor não são a mesma coisa, enquanto o programador está focado em virar noites codando e simplesmente entregar o que foi pedido, o desenvolvedor vai além: preocupa em entregar a melhor opção para o cliente, visando segurança, acessibilidade, ter tudo documentado e além.

Um briga para saber qual linguagem é a melhor para se trabalhar, o outro sabe que cada situação é uma. Um acredita que a gambiarra é a forma de vencer a derrota, o outro sabe que isso irá prejudicar todos que irão trabalhar no projeto posteriormente. Ah, sim. Vamos falar disso um pouco: você precisa escrever códigos em que todos os outros programadores possam entender. Não fiquei ofendido em ser chamado assim, visto que ele colocava todo o código javascript dentro da pasta css e não havia sequer um padrão de linguagem no php.

Mas eu vou além, trabalhar com tech permite que você quantifique e qualifique o seu conhecimento como em nenhuma  outra área. Eu sei criar pipelines para entrega contínua de sistemas react com aspnet core no azure. Eu sei os motivos por trás de se usar uma string ao invés de uma String no C#. Quando você coloca lado a lado as tecnologias que você trabalha todo o santo dia, com alguém que diz algo assim, é nítido que essa pessoa não faz 20% do que eu faço. Boa sorte em chegar lá sem mudar o seu mindset.

Parte do que faz um desenvolvedor bom é entender que é preciso conhecer as ferramentas de trabalho que estão disponíveis, como o GitHub, npm e porque não, a própria linguagem. Criar códigos simplesmente por criar, copiando de outros autores ou do StackOverflow não tem faz um programador melhor, ser reconhecido por contribuir diretamente com a comunidade opensource, ajudar pessoas e instigar curiosidade em eventos, isso sim te faz um programador melhor. O prêmio de profissional de maior valor da Microsoft (MVP) é apenas reconhecimento disso.

Na mesma frase em que ele diz que sou desenvolvedor de palco, ele também diz que possui um aplicativo para android com 10 mil usuários e por isso ele seria melhor que eu que tenho um para Windows Phone que ninguém usa. Ok, como já sabemos respostas fáceis não trazem uma solução e não contribuem. A frase até é verdadeira, até olharmos mais a diante. O que representa 10 mil usuários no android? O que representa os mesmos usuários no Windows Phone 10? Veja a limitação da audiência. E posso acrescentar ainda que o app para Windows é pago, é um dos mais bem avaliados da loja e específicos para desenvolvedores. Nicho! Sucesso no seu nicho!

Para alguém que gerencia uma agência de marketing ele deveria saber que mercados de nicho são o futuro, é lá que você quer ir na web, é pra lá que você tem mais chances de sucesso.

Mas, de novo, isso é olhar de forma fácil o problema. Vamos aprofundar mais, na métrica que mais importa, a comunidade. Receber feedback de usuários ativos no aplicativo dizendo que ele permitiu que estudassem programação pelo celular quando os computadores da universidade não ajudavam é simplesmente fantástico. 80% dos usuários do Formula – Universal Code Editor são estudantes principalmente na China, Alemanha e Brasil. Não há nada mais importante do fazer parte ativa da história de +10 mil usuários ao redor do mundo.

Só porque dou palestras não me faz desenvolvedor de palco, talvez desenvolvedor no palco e aí sim – é pra se orgulhar com força! Bora ensinar todo mundo a programar!

para vocêmaio 01, 2019

novo site: mais intuitivo, mais realista

Hoje estamos inaugurando uma nova fase, onde estaremos trazendo ideias conceituais para a relidade, provando que conceitos e sonhos podem sim se tornar realidade. E não é segredo que com o passar dos – incríveis 9 – anos este site sofreu diversas modificações. Para representar essa visão e permitir que trabalhemos nesta nova fase, estamos inaugurando um novo layout.

Gostaria de utilizar este espaço para compartilhar um pouco do que foi alterado e o que isso significa.

Nova marca, novo conceito, nova linguagem: Já haviamos falado um pouco sobre isto, mas com este novo layout podemos expressar melhor nossas soluções. O site foi dividido em cinco partes, de forma bem nítida:

  1. Para empresas: o foco principal aqui, onde estamos, como equipe, apresentando nossos serviços de desenvolvimento e consultoria.
  2. Para você: aonde está listado os meus aplicativos, ebooks, cursos e tudo o que eu tenho produzido para a comunidade e para você. A ideia é ser bem informal, mais pessoal e próximo da realidade.
  3. Para devs: essa parte é para quem sabe que BIOS não é uma banda dos anos 80. Aqui temos alguns frameworks, informações mais técnicas e que um desenvolvedor irá querer usufluir.
  4. Web-as-a-Service: Parte da empresa vtnorton é venda de sites como serviço, e aqui temos um espaço para este portfólio.
  5. Inglês: A empresa vtnorton tem uma abrangência nacional e não estamos atendendo empresas estrangeiras, portanto não faz sentido ter este conteúdo exposto lá fora, na verdade, a parte em inglês deste se transforma em um portfólio e blog pessoal.

Isto foi imprescindível para que tudo ficasse muito bem organizado e não a bagunça que era lá em 2016! Não se lembra? Dá uma olhada em como era o site naquela época:

Alguns conceitos posto em práticas: Com esse novo layout, estamos pondo em prática algumas das minhas crenças no que transforma a web em algo melhor. Então neste site você não verá anúncio, nem pop-ups irritantes. Prezo pela sua privacidade.

Você também não verá aqui espaço para comentários, nem links para compartilhamentos. Esta foi uma decisão pessoal para evitar uma série de problemas que isso acarreta.

Na verdade, muito do que se acreditava ser necessário em um website, na verdade não é, estamos aqui para provar isso.

Heartthrob e a história do dogfood: Há alguns dias lançei, lá no GitHub, o projeto heartthrob e sua documentação [irei fazer um anúncio formal aqui no site em breve]. Este é um framework CSS, que teve como inspiração o Fluent Design da Microsoft e o Bootstrap.

Ele é um conjunto de regras como tudo deve se portar, em termos de design. É com orgulho que digo que este site foi criado usando somente esse framework.

Mais facilidade para manter: Existe uma satisfação valor agregado muito grande quando se cria algo do zero. Quando se faz um site ou sistema sem se basear em nada, e principalmente sem depender de terceiros.

O layout deste site foi criado específicamente para ele, de acordo com as necessidades estudadas, e temos o controle total de como tudo funciona. Na verdade, estamos levando a outro patamar, quando adicionamos integração contínua a ele.

Sim, você ouvir certo, colocamos integração contínua no nosso tema do WordPress, quer saber mais sobre isso? Fica ligado que vai rolar uma postagem sobre!

Não preciso nem dizer que diversos erros foram resolvidos, né?

Informações antes perdidas, recuperadas: Devido a organização antiga, a falhas, algumas informações não eram acessíveis quando se visualizava o site em inglês, ou certos conteúdos ficaram perdidos para sempre no limbo da internet até serem resgatados. Um grande exemplo disso são os aplicativos:

Durante o ano de 2015 estive lançando um aplicativo por semana durante três meses, o que me deu uma lista imença de aplicativos – baixados mais de 10 mil vezes no Windows Phone 8 e 8.1. Alguns destes aplicativos só faziam sentido naquela época ou perderam suporte com o passar do tempo e com o fim do suporte do Windows Phone.

Isso mais o desligamento da loja do Windows 8 e 8.1 não era possível ter uma noção de como esses aplicativos eram, para tanto, foi resgatado imagens da tela destes aplicativos, descrições e até – em alguns casos – o ícone deles.

Estou indo mais a fundo e pretendo estar publicando cada vez mais estes resquicios da minha história como desenvolvedor – porquê tem muita coisa que eu fiz por aí e ficou perdido no limbo.

O que esperar com essa mudança: Eu estarei escrevendo com mais frequência, compartilhando novidades e lançando novos produtos.

Estarei escrevendo sobre o meu ponto de vista em algumas atitudes empresariais, minha experiência como desenvolvedor e como consultor. Aguardem.


Nota: Estamos procurando sempre melhorar o design e outros aspectos do site e de nossos produtos, se você encontrar algo que precisa ser corrigido, por favor, avise-me.
Durante as próximas semanas este site receberá diversas outras correções e melhorias.

para empresasnovembro 15, 2018

WaaS: Novidades de Novembro de 2018

Como sempre a cada mês estou procurando melhorar o site para todos os clientes, e em novembro não foi diferente, segue o que fizemos de novo!

Política de privacidade

Durante o último mês nós inserimos em todos os sites uma nova política de privacidade, mais simplificada e de acordo com as novas regras internacionais. Também simplificamos e removemos o termo de uso do site.

Segurança para os sites

Com a junção da Quadro Agência Digital com a vtnorton novas políticas de segurança da informação foram aplicadas em todos os sites, incluindo a alteração de todas as senhas para formas mais complexas e mais segurança na forma de publicar o site.

Menos spam com o Recaptch

Foi adicionado também, em todos os sites, um recaptch (aquelas letrinhas para provar que você não é um robô) nos formulários de contato. Isso irá previnir que você receba spams – e-mails indesejados – na sua caixa de entrada. Mais um passo contra os spans!

Certificado SSL

Cada vez mais os sites com certificado SSL estão se tornando mais importantes, a começar por 2020 onde sites sem este certificado poderão ser barrados pelos navegadores mais modernos, como o Firefox, Edge e Chrome. Antes os usuários poderiam entrar no seu site tanto com o certificado quanto sem (http ou https), agora o site irá iniciar sempre com o certificado (https), garantindo uma segurança muito maior para os seu usuários.

para empresasoutubro 31, 2018

Agora Quadro Agência é vtnorton

Tanto a Quadro Agência, liderada pelo Francismar Almeida, como a vtnorton, liderada por mim, Vítor Norton, possuem o objetivo único: prestar um serviço de extrema qualidade para nossos clientes. Pensando neste objetivo, hoje estamos anunciando a junção da empresa Quadro Agência com a vtnorton.

Esta novidade abrange somente os sites hospedados e mantidos pelas duas empresas, contratos de prestação de serviço como desenvolvimento de sistemas e gestão de mídias sociais estão sendo analisados separadamente com cada cliente.

Isto irá permitir melhorias constantes nos websites, mais segurança e estabilidade para os clientes. Como de costume, na vtnorton, estamos sempre trabalhando para melhorar a qualidade do seu site, mesmo após o desenvolvimento dele ter sido finalizado.

para empresasoutubro 11, 2018

Indo além: conheça a nova marca

Senhoras e senhores [leia com uma voz daqueles locutores circenses] eu lhes apresento, a nova marca: vtnorton!

Depois de alguns anos sem uma marca bem definida, chegou a hora de criar uma identidade própria na internet. Uma identidade que mostra-se inovação, que representa a ausência do medo de errar, de voltar ao início e fazer diferente, pois só assim alcançamos excelentes resultados.

Nos próximos meses, teremos algumas novidades significativas nesta fase de redescobertas e de fazer diferente. Novas parcerias, meios de comunicação e projetos serão anunciados em breve, eles irão beneficiar os clientes da vtnorton para empresas e todos aqueles que desejam alavancar os seus negócios e ideias. Estamos trabalhando em algo de grande impacto que não vejo a hora de contar ao mundo. Fique ligado!

para empresasmaio 18, 2018

WaaS: Novidades de Maio de 2018

Este mês está repleto de novidades, especialmente por dois fatores: as novidades anunciadas no inicio do ano e pela migração da nossa hospedagem. Sim, no início do ano, anunciamos várias novidades interessantíssimas para você e que elas iriam chegar gradualmente. Hoje apresento a última etapa dessas novidades, e as que mais irão impactar no seu negócio!

Backup, Backup e Backup

Estamos aplicando uma nova política de backup que em breve estará nos nossos termos de aceite:

  • Sites institucionais (planos I1, I2): Backups automáticos e sob demanda todas as sextas-feiras as 20:30, da base de dados e do site, os backups ficarão armazenados por 30 dias.
  • Site institucional no plano I3: Backups diários.
  • Sites e-commerce (planos E1, E2, E3): Backups automáticos e sob demanda todos os dias as 18:00, da base de dados e do site, os backups ficarão armazenados por 30 dias. Ah, estamos estudando a opção de colocar backup em tempo real para o plano E3, fique atento!

P.S.: Os backups estão sendo oferecidos para sites hospedados com a Vítor Norton, dentro das próximas semanas entrarei em contato com sites hospedados por terceiros para fazer a migração.

Hospedagem com o Azure App Service

Vish, três termos técnicos em um título só? Sim, mas não entre em pânico, isso significa que o seu site esta hospedado agora em um App Service do Azure e não mais em uma máquina virtual. Existem diversos benefícios, como o controle de acesso, testes, integração com outras plataformas, segurança, disponibilidade e integridade de cada site. Decorri melhor sobre esse assunto em uma das minhas recentes postagens aqui no blog!

Produtos recentemente visualizados

Foi adicionado na página principal do site uma sessão nos sites de e-commerce, onde irá apresentar para os usuários os produtos recentemente visualizados pro ele dentro dos últimos 30 dias, sendo que não será exibido produtos gratuitos, ou fora de estoque nem produtos que já foram comprados. Além disso, se o usuário não fizer login nos últimos 7 dias, o sistema irá enviar um e-mail oferecendo estes produtos para o cliente.

Fila de espera

Uma das opções mais interessantes no e-commerce é para avisar aos consumidores os produtos que saíram de estoque. Durante o último mês adicionamos esta opção para todos os e-commerces. O cliente irá receber por e-mail quando o produto voltar a ter estoque.

Uma nova forma de finalizar as compras

Testes A/B mostraram que páginas de finalização de compras (analises feitas para descobrir que estrutura de finalização de compras funcionam melhor em sites de e-commerce) mostraram que a melhor escolha para uma experiência do usuário aprimorada durante a compra é fazer ela por passos, sendo guiada pelo site. Por isso, durante o último mês trabalhamos para que todos os e-commerces do site tivessem essa estrutura de finalização de compra.

Outras mudanças interessantes

Além de todas as mudanças destacadas algumas menores também chegaram neste mês.

  • Listas de e-mail aprimoradas: Agora todos os clientes que finalizarem uma compra terão o e-mail salvo automaticamente no MailChimp e com todos os dados analisados. Isso também permitirá o MailChimp de entregar estatísticas mais relevantes sobre a vendagem do seu produto.
  • Lembrete de review: As pessoas gostam de ler um review de um produto – não é atoa que vídeos de unboxing fazem muito sucesso! – então a partir deste último mês os usuário que efetuarem uma compra, irão receber um e-mail pedindo para escrever um review sobre o produto, incentivando assim novos comentários.
  • Edição rápida de vários produtos: Utilizando o Bulk Product Editing você pode editar rapidamente vários produtos de uma única vez. Para fazer isso no painel, vá em YITH Plugins > Bulk Product Editing.
  • Histórico do consumidor: Adicionamos no painel administrativo, para e-commerces, a parte chamada de “Customer History” onde você consegue visualizar o histórico de cada cliente na loja. Saber o que cada um está buscando, pelo nome, é importantíssimo para direcionar o marketing!
  • Comprado junto: Agora na página de produto será mostrado uma sessão de produtos que foram comprados juntos nas últimas vendas. Essa função vai melhorando a cada nova compra do site!
  • Combate ao spam: Mais um passo – grande – foi dado no combate ao spam, e agora todos os comentários são filtrados automaticamente para impedir spams de chegarem no seu blog/site/e-commerce!