O código por trás do cartão promocional da Apple Store

Sempre atenta aos detalhes, a Apple é conhecida pela dedicação e cuidado na concepção de seus produtos. E em relação ao seus cartões de presente da App Store a história não é diferente.

Tradução Livre do texto Cracking the code behind Apple’s App Store promo card design

A Apple é conhecida por fazer as coisas com mais atenção aos detalhes do que a maioria das empresas. Portanto, não deveria ser uma surpresa que mesmo os cartões de presente da App Store com seus códigos promocionais tenham alguns detalhes secretos que ajudem a tornar a experiência mais parecida com a Apple.

Então, o que impulsiona os códigos promocionais simples da App Store? Fontes secretas, dimensões especiais e muito mais.

card de promoção da Apple
card de promoção da Apple

Hoje, descobrimos esses segredos.

Os cartões de presente da App Store da Apple têm um truque especial: você pode simplesmente segurar um até a câmera do seu iPhone ou do Mac e digitalizará automaticamente o código e resgatará o cartão para você. Como desenvolvedores, pensamos que seria legal imprimir alguns dos nossos próprios cartões de código promocional para distribuir nos eventos, então tentamos criar nossos próprios cartões scannable. Acontece, há mais do que conseguimos enxergar.

Descobrindo a Fórmula Secreta

Primeiro, tentamos simplesmente recriar o design com uma fonte semelhante. Tentamos Courier, Monaco e outras fontes similares.

O aplicativo parece reconhecer duas coisas: uma caixa circundante e um código no meio desta caixa. Uma vez que o aplicativo reconhece esse padrão, ele desenha uma caixa na tela e tenta identificar o código dentro da caixa. A caixa em si não é suficiente: o aplicativo apenas inicia seu mecanismo de reconhecimento de código assim que encontrar características específicas da fonte específica.

Depois de entendermos que a fonte é a chave, fizemos o que qualquer geek auto-respeitável faria: atingimos o Google. Encontramos algumas outras pessoas à procura da fonte correta. Além de algumas suposições e sugestões de fontes semelhantes, o Google também não foi muito útil. E assim a busca continua … Tentamos vários serviços de correspondência de fontes. Escaneamos cartões antigos e colocamos a imagem através do reconhecimento do tipo de letra – sem sucesso. E também demos a tentativa da ferramenta incorporada de combinação de fontes Adobe Photoshop: sem sorte (foi de longe o pior em termos de sugestões).

Por fim, analisamos as características da fonte e navegamos manualmente através de vários arquivos de fontes. Algumas das características visíveis da fonte são:

Resultado: muito tempo gasto, mas nenhuma fonte à vista.

Mergulhar mais fundo

A descoberta ocorreu quando percebemos que quando você digitaliza um cartão com o iPhone, o aplicativo exibe brevemente uma sobreposição “escaneada” do código. Isso significa que a fonte deve ser incorporada no aplicativo em algum lugar. Tentamos o mesmo com o iTunes no MacOS. E voilà – o iTunes no Mac se comporta da mesma forma.

Uma busca rápida através do pacote de aplicativos do iTunes para arquivos de fontes não surgiu nada … Pelo menos não imediatamente …
Quando você olha algumas das outras pastas dentro do iTunes, encontramos um plugin tentador chamado “CodeRedeemer”. Isso mostrou-se promissor. Mas, infelizmente, também não há arquivos de fontes. O binário do aplicativo dá uma dica de onde o levantamento pesado está sendo feito: “CoreRecognition.framework”.

A descoberta fundamental

Esta estrutura privada é o que o iTunes e a App Store em seu iPhone usam para reconhecer códigos. Como se mostra, é aí que a fonte evasiva é armazenada. Existem duas fontes:

  • ‘Scancardium’ é usado para inserir e reconhecer códigos.
  • “Spendcardium” parece ser usado para obscurecer os detalhes do cartão de crédito sensível à medida que você os inseriu

Continue lendo a notícia original clicando aqui.


Fonte: Equinux


Veja mais sobre