Você está na página 1de 39

004 : dez 2023 Apple Developer Academy IFCE

Revista “Sandbox”. Edição 004. De


Dezembro de 2023. “Sandbox” é uma revista
de distribuição gratuita. Textos e ilustrações
pertencem aos seus autores e não podem
ser distribuídas fora da revista, alteradas ou
vendidas sem autorização dos seus auto-
res. Todos os produtos apresentados nas
‘propagandasʼ desta revista foram desenvol-
vidos pelos alunos do Academy IFCE. Para
mais informações ou para solicitar licensa
sobre conteúdo, entrar em contato com
academy@lds.ifce.edu.br.

No momento da escrita das metérias desta


revista, as versões mais recentes do Xcode
e Swift eram 15 e 5.9 respectivamente.
Consultar o histórico de atualizações caso
esteja trabalho com uma versão diferente
destas.

Para saber mais sobre o


IFCE Apple Developer
Academy, acesso o site:
www.developeracademy.ifce.edu.br
EDITORIAL
“Passar pela Apple Developer e o café com pessoas que, dia radicalmente incomparáveis. E
Academy é uma experiência após dia, foram se tornando tão de dez anos de história deste
Equipe de Redação: Ana que mudou minha vida.” Esse é familiares e queridas. São vinte projeto.
Guimarães, Ayslana Riene, Emily provavelmente um dos relatos e quatro meses de convivência
Com tudo isso, a sensação é a
Oliveira, Helena Oliveira, João Victor que escutamos com mais fre- com pessoas incríveis, com tan-
de que esse é só o início. Com
Ipirajá, Ieda Xavier, Letícia Dutra, quência ao ouvirmos pessoas tas diferentes potencialidades e
certeza o início de jornadas
Mateus Calisto, Moysés Azevedo, falarem sobre como foi passar tanto a compartilhar, crescen-
muito, muito bonitas. Um início
Paulo Henrique, Pedro Muniz, pelo programa. E nem é difícil do junto. Uma convivência tão
no qual já partimos na frente,
Samantha Eufrásio, Sarah Madalena, imaginar a verdade desse depoi- intensa que nos faz conseguir
porque levamos uma bagagem
Thaynara Andrade, Yara Sampaio. mento, principalmente quando ouvir a voz de cada colega ao
gigantesca: profissionalmente,
Equipe de Revisão: Cáren Sousa, somamos a ele outras histórias e ler algo escrito por ela.
com todos os conhecimen-
David Augusto, Elis Vieira, Lucas boatos que ouvimos sobre alum-
Vinte e quatro meses de desa- tos técnicos que adquirimos;
Baptista, Marília Oliveira, Milena Maia, ni de sucesso ou sobre o que
fios, de (muitas) dúvidas, umas e pessoalmente, ao conhecer
Pedro Muniz. Equipe de Ilustração: acontece no próprio programa.
tantas lágrimas derramadas, mais e mais profundamente
Carolina Parente, David Augusto, Aquele marketing orgânico que
incontáveis risadas durante os nossas próprias potencialida-
Gabriela Souza, Helena Oliveira, a Academy tem nos corredores
intervalos. São vinte e quatro des. Nessas páginas você vai
Ieda Xavier, Isadora Fontenele, João do próprio IFCE e além deles,
meses de experiências que, encontrar pequenas e preciosas
Victor Ipirajá, Lais Barbosa, Letícia boca a boca.
ainda que fosse simplesmente porções do que foi acumulado
Dutra, Nillia Sousa, Pedro Muniz,
Dois anos depois, ainda consi- por sua intensidade, não pode- nesses dois anos pela turma de
Sarah Madalena.
go lembrar do quão impactante riam não deixar marcas. São 2023. Conhecimentos dos mais
Revisão Técnica de Código: Cáren foi entrar nos laboratórios pela também vinte e quatro meses variados tipos, cobrindo os mais
Sousa, Mateus Rodrigues primeira vez. Cada pequeno de superação, de pequenas variados assuntos, que contri-
Revisão Técnica de Design: David momento dessa jornada parece e grandes vitórias no código, buirão para mudar o mundo para
Augusto, Elis Vieira e Lucas Baptista cortar a linearidade do tempo e de testes e pesquisas que se melhor. Que sejamos audazes o
Capa: Carolina Parente entrar na eternidade: receber os transformaram em excelentes suficiente para tal. E que, daqui a
equipamentos e escrever as pri- escolhas de design, de fofocas, um tempo, possamos olhar para
Projeto gráfico: Lucas Baptista
meiras linhas de código; assistir de piadas, de amizades, de amo- trás e também dizer o quanto
Diagramação: Lucas Baptista as primeiras apresentações no res, de conquistas inestimáveis. passar pela Academy mudou
Editor Geral: Lucas Baptista Campfire; marcar as paredes Vinte e quatro meses que não nossas vidas, o quanto se deve
com nossos brainstormings caberiam em vinte e quatro àqueles vinte e quatro meses.
e nossos planos de projetos milhões de linhas, pois são fru-
revolucionários; dividir o lanche to de cinquenta seres e mentes

Pedro Muniz
Aluno da Turma 2022-2023
CONTEÚDO

18
INTELIGÊNCIA ARTIFICIAL
28
COMO GENERALISTAS
38
50 66

IRÁ ROUBAR SEU EMPREGO? PODEM SE ENCONTRAR


NO DESENVOLVIMENTO DE

8
CONSTRUINDO PONTES,
APLICATIVOS IOS? NÃO APENAS PASTAS: WWDC:
DE
DICAS SOBRE ARQUITETURA CAMINHO DA
AYSLANA RIENE
DE SOFTWARE PARA IDEIA A IDEAÇÃO

30
INICIANTES
DE
PAULO HENRIQUE DE
MATEUS CALISTO
SARAH MADALENA DA VINCE E MICHELANGELO
FALTARAM A SPRINT
DE
EMILY OLIVEIRA MOYSÉS AZEVEDO

PLANNING: PORQUE

56
ETNOGRAFIA NO O RENASCIMENTO
DESIGN DE UX PRECEDEU A TECNOLOGIA
CONTEMPORÂNEA
DE

12
HELENA OLIVEIRA
FANFICANDO CBL? A
IMPORTÂNCIA DO USO
DE

42
YARA SAMPAIO

DE METODOLOGIAS CBL E
SCRUM
DE
SAMANTHA EUFRÁSIO

22 34 UX WRITING: DICAS

APRENDA OS PRINCÍPIOS
ALÉM DOS CHALLENGES:
JORNADA NEURODIVERSA UX RESEARCH:
PARA CONSTRUIR
UMA ARQUITETURA LEVELS ATÉ O GOOD ENDING
NO DESENVOLVIMENTO DE
70
SOLID COM OS NO APPLE DEVELOPER PROCURANDO PEÇAS QUE DE CONTEÚDO BÁSICA DANÇANDO COM SWIFT UI:
POWER RANGERS ACADEMY FALTAM EM NARRATIVAS PARA O SEU APP JOGOS CONHECENDO ANIMAÇÕES
DE DE
DE DE DE DE
ANA GUIMARÃES JOÃO VICTOR IPIRAJÁ IEDA XAVIER PEDRO MUNIZ LETÍCIA DUTRA THAYNARA ANDRADE
8 SANDBOX

ETNOGRAFIA NO
TEXTO
DESIGN PROCESSO UX
HELENA OLIVEIRA
ILUSTRAÇÃO
DAVID AUGUSTO

DESIGN DE UX
comportamentos dos usuários produz guardas-chuva. Uma
são monitorados em seu “habi- dúvida que pode ser esclareci-
tat natural”. Dessa forma, é pos-
da por um teste de usabilidade
sível observar espontaneamente é: Com que rapidez os usuários
os usuários em seus ambientes abrem seu guarda-chuva quan-
reais e identificar pontos pro- do começa a chover? Entretanto,
blemáticos, frustrações e casos um método de pesquisa etno-
de uso que ajudarão a projetar gráfico poderia fornecer mais
soluções. informações, em outros con-
textos, como por exemplo: Em
Vantagens da pesquisa que ponto os usuários pegam
etnográfica seu guarda-chuva, depois do
primeiro trovão, ou antes dele?
A principal vantagem da etno- Em que ponto entre a névoa e a
grafia é que ela dá aos pesqui- chuva o guarda-chuva é usado
Tem como objetivo O que é etnografia? sadores acesso direto à cultura pelos usuários?
entender aspectos e às práticas de um determinado
A etnografia é uma abordagem Vendo sob a ótica do design de grupo, fornecendo contexto de O teste de usabilidade está
culturais, hábitos,
oriunda das ciências sociais e experiência do usuário, a etno- uso. É uma abordagem útil para se concentrando no gasto de
convenções e
antropológicas que tem como grafia é um método de pesquisa obter conhecimento verídico energia dos participantes e em
comportamentos
objetivo estudar e entender flexível que fornece informações sobre o comportamento e as como é fácil para os usuários
de grupos sociais
aspectos culturais, hábitos, de pesquisa em primeira mão interações das pessoas dentro interagirem com o produto. A
específicos. convenções e comportamentos sobre os usuários. Ao ficar imer- de um contexto específico. A pesquisa de usabilidade pode
de grupos sociais específicos. so no ambiente de um grupo, o etnografia permite que os pes- dizer como foi fácil ou difícil
Métodos de pesquisa etnográ- pesquisador (seja o ux designer quisadores observem não só as para os usuários interagirem
ficos são, em sua maioria, base- ou o ux researcher) obtém aces- situações, modo e circunstân- com o design, mas um estudo
ados em pesquisa de campo, so a informações mais autênti- cias em que o produto será usa- etnográfico pode explicar por
para que o pesquisador possa cas, que poderiam não ter sido do, como também as reações e que eles interagiram com o pro-
mergulhar no ecossistema do descobertas simplesmente opiniões autênticas dos usuá- duto de uma determinada forma.
grupo que está sendo estudado. perguntando. As atividades e rios. Imagine que sua empresa
10

Viéses Limitações

Durante a execução da pes- Por outro lado, existem algumas


quisa etnográfica, dois tipos limitações com a pesquisa etno-
de viéses são mais comuns de gráfica em UX. A principal ques-
acontecerem: tão é que a pesquisa etnográfica
pode ser demorada, podendo
Viés observacional acontece durar até meses, o que repre-
quando as pessoas se compor- senta um custo alto para o pro-
tam de forma diferente ao saber jeto. Outra limitação da pesquisa
que estão sendo estudadas. A etnográfica é a subjetividade,
melhor maneira de explicar esse visto que envolve a interpreta-
viés ao participante é equilibrar ção dos pesquisadores sobre
os resultados de outros tipos o que observam e experimen-
de pesquisa quando aqueles tam. Isso pode levar a viéses,
que estão sendo estudados como mostrado anteriormente,
não estão cientes de que estão e interpretações subjetivas, já
sendo estudados, ou quando que diferentes pesquisadores
outros dados vêm de fontes podem interpretar os mesmos
mais neutras. dados de maneira diferente.

Viés do observador é o mesmo


fenômeno, mas do lado do pes-
quisador - quando ele acredita
ou declara que observou algo
simplesmente porque esperava
ou queria observar. Isso também
pode ser impossível de evitar
completamente, mas ter cons-
ciência da situação é o primeiro
passo para reduzi-la.
12 SANDBOX

Se você foi uma criança nos Cada Ranger é representado por


anos 90 e 2000, possivelmente uma cor específica e comanda
ja assistiu algum episódio de um Zord, uma espécie de robô
Power Rangers tomando Nescau gigante que se transforma em
e comendo biscoito no sofá um dinossauro ou outro ser
(inclusive sdds dessa época ). poderoso. Quando a ameaça
se torna grande demais para ser
Porém, se, por algum milagre,
enfrentada individualmente, os
você NUNCA tiver ouvido falar
Rangers combinam seus Zords
sobre essa perfeição, hoje é teu
para formar o Megazord, uma
dia de sorte.
poderosa máquina de combate
Power Rangers é uma icônica capaz de derrotar os inimigos
série de televisão que mistura mais temíveis.
ação, aventura e elementos de
Além das emocionantes bata-
ficção científica. A série possui
lhas contra monstros e vilões,
diversas versões, mas, nes-
a série também aborda temas
se artigo, vamos falar sobre a
de amizade, trabalho em equi-
primeira que chama “Mighty
pe, respeito e responsabilidade,
Morphin Power Rangers”.
transmitindo lições valiosas para
A trama gira em torno de um os jovens espectadores.
grupo de cinco jovens adoles-
“Mighty Morphin Power Rangers”
centes comuns que são esco-
se tornou um fenômeno cultural,
lhidos para se tornarem os
gerando uma extensa franquia
lendários Power Rangers. Eles
de séries de TV, filmes, jogos,
recebem poderes especiais e
brinquedos e quadrinhos.
são encarregados de proteger
Mesmo após décadas de seu
a cidade Angel Grove e o mun-
lançamento original, a série con-
do de ameaças monstruosas e
tinua a ser amada e lembrada
CÓDIGO vilões intergalácticos, liderados
TEXTO
por fãs de todas as idades, man-
pelo maligno Rita Repulsa e,

APRENDA OS
TUTORIAL ANA GUIMARÃES tendo seu legado como uma
posteriormente, por Lord Zedd.
ILUSTRAÇÃO das mais queridas produções
CAROLINA PARENTE da cultura pop.

PRINCÍPIOS
REVISÃO
Depois dessa introdução deta-
CÁREN SOUSA
LUCAS BAPTISTA lhada, vamos entender o que
os Rangers podem nos ensinar

SOLID COM OS
sobre SOLID.

POWER RANGERS
S
14

O
Princípio O - Aberto para Extensão
Princípio S - Responsabilidade e Fechado para Modificação
Única (Open/Closed Principle):
(Single Responsibility Principle):

LI
Os Power Rangers sempre enfrentam
Imagine que cada Power Ranger é espe- novos inimigos e desafios que exigem que
cializado em uma habilidade ou conjun- eles se adaptem e usem novas estraté-
Princípio L - Substituição de
to de habilidades específicas. O Ranger gias para vencer. Apesar de enfrentarem
Liskov
Vermelho é especialista em combate corpo essas mudanças, eles mantêm seus tra-
(Liskov Substitution Principle):
a corpo, o Ranger Azul é especialista em jes e habilidades básicas (fechados para
tecnologia e ciência, o Ranger Amarelo é modificação). No entanto, quando uma Imagine que cada Power Ranger repre-
especialista em agilidade e acrobacias, e nova ameaça mais poderosa aparece, eles senta uma classe base e suas habilidades
assim por diante. Cada Ranger tem sua podem combinar seus poderes ou receber individuais são subclasses. O Princípio L
responsabilidade única e eles se con- novos equipamentos (abertos para exten- sugere que, assim como os Power Rangers
centram em executar suas tarefas sem são) para enfrentá-la. Da mesma forma, podem se unir para formar o Megazord
se intrometer nas atribuições dos outros o princípio Aberto/Fechado sugere que sem problemas, as subclasses devem ser
Rangers. Da mesma forma, o princípio o código deve ser aberto para extensão, capazes de substituir a classe base sem

D
da Responsabilidade Única incentiva a permitindo a adição de novas funciona- causar disrupções no funcionamento do
dividir as responsabilidades em classes e lidades sem modificar o código existente. sistema.
métodos distintos para que cada um seja Quando nossos sistemas seguem o
responsável por uma única tarefa. O Ranger Vermelho, por exemplo, pode ser
Princípio O, mudanças em requisitos futu-
visto como a classe base, e seus diferen-
ros não precisam resultar em alterações
Ao aplicar o Princípio da Responsabilidade tes trajes e habilidades especiais, como
arriscadas em partes funcionais do código.
Única, nosso código se torna mais legí- o Turbo Ranger ou o Zeo Ranger, são as
Em vez disso, podemos criar módulos ou
vel, reutilizável e flexível. Uma classe que subclasses. Quando os Power Rangers se
componentes que podem ser ampliados
executa apenas uma tarefa é mais fácil unem para enfrentar uma ameaça, a equi-
sem causar efeitos colaterais indesejados.
de entender, testar e manter. Imagine um pe continua a funcionar como uma unidade
Isso é especialmente vital em ambientes
Ranger que dominasse todas as habili- coesa, apesar das mudanças de forma e
onde a estabilidade é crucial, assim como
dades da equipe - a confusão resultante habilidades. Isso reflete o Princípio L, onde
a consistência das estratégias de combate
prejudicaria o trabalho em equipe e enfra- as subclasses são **trocáveis** com a
dos Power Rangers é um dos principais
queceria a resistência do grupo a ameaças. classe base, mantendo a funcionalidade
fatores para derrotar as ameaças em curso.
geral do sistema.
A singularidade também fortalece a coesão,
Imagine que os Power Rangers, ao enfren-
um elemento vital para a eficácia tanto dos Essa coesão permite que nosso código
tar um novo vilão, precisassem redesenhar
Power Rangers quanto do código de sof- seja mais flexível e adaptável. Da mesma
completamente seus trajes e habilidades
tware. Quando cada classe tem uma única forma que os Power Rangers podem ajus-
existentes para se defender. Isso enfraque-
responsabilidade, a interação entre elas se tar sua estratégia combinando suas habili-
ceria a equipe e criaria vulnerabilidades. Da
torna mais clara e focada. Em vez de lidar dades individuais, podemos criar sistemas
mesma forma, alterações indiscriminadas
com um código inchado e multifuncional, que podem incorporar novas funcionalida-
em nosso código podem introduzir bugs
podemos confiar em classes especializa- des ou variações de classes sem causar
inesperados e tornar a manutenção um
das, como Rangers bem treinados, para problemas. Isso facilita a manutenção e a
pesadelo(e isso é a ultima coisa que você
desempenhar seus papéis com excelência. extensibilidade do software, tornando-o
quer).
mais resistente às mudanças.
16

Vamos explorar essa analogia com mais profundidade

Princípio I - Segregação de
Interface CONFIABILIDADE ADAPTAÇÃO A
(Interface Segregation Principle): E FLEXIBILIDADE NOVOS DESAFIOS DESACOPLAMENTO
Os Power Rangers têm suas áreas de Nos Power Rangers, a confian- Assim como os Power Rangers O Princípio de Inversão de
especialização e não precisam saber deta- ça mútua entre os membros da enfrentam novos inimigos com Dependência promove o desa-
lhes sobre as habilidades específicas de equipe é o que permite que eles diferentes poderes, os desen- coplamento entre módulos ou
outros Rangers. enfrentem desafios aparente- volvedores podem enfrentar componentes do código. Isso se
Imagine que cada Power Ranger repre- mente insuperáveis. Da mesma novos requisitos ou mudan- assemelha ao desacoplamento
senta uma classe em nosso código e suas forma, ao seguir o Princípio de ças no ambiente de software entre os Rangers individuais e
habilidades são as interfaces que essas Inversão de Dependência, os com maior facilidade quando suas habilidades. Cada Ranger
classes implementam. O Ranger Vermelho, Princípio D - Inversão de desenvolvedores confiam nas seguem o Princípio de Inversão pode operar de forma indepen-
especializado em combate, implementaria Dependência abstrações e interfaces, o que de Dependência. Eles podem dente, mas eles se unem para
uma interface de combate, enquanto o (Dependency Inversion Principle): torna o código mais confiável criar novas implementações que formar uma equipe coesa quan-
Ranger Azul, especializado em tecnologia, e flexível. Eles podem incorpo- aderem às mesmas abstrações do necessário.
Independentemente de quem é o líder rar novas implementações que existentes, permitindo que o sis-
implementaria uma interface de tecnologia.
ou quais Rangers compõem a equipe em
RESUMINDO
Cada classe (Ranger) tem uma interface atendam às mesmas abstrações tema se adapte sem reescrever
um determinado momento, eles confiam sem perturbar o funcionamento partes substanciais do código.
clara e específica para interagir com o
uns nos outros para enfrentar as ame- do sistema. Assim como os Power Rangers
restante da equipe (código).
MAIOR MANUTENIBILIDADE
aças intergalácticas. Eles compartilham dependem da unidade da equipe
Aqui está o ponto crucial: assim como o informações e estratégias, sabendo que
FOCO NO OBJETO COMUM
e não de detalhes específicos
Ranger Preto não precisa conhecer os a unidade da equipe é mais importante A dependência de abstrações de habilidades individuais, os
detalhes das habilidades tecnológicas do do que qualquer detalhe específico sobre Os Power Rangers têm um obje- em vez de implementações desenvolvedores que seguem
Ranger Azul para combater eficazmen- cada membro. Essa dinâmica é muito tivo claro - proteger o mundo concretas torna o código mais o Princípio de Inversão de
te o mal, nossas classes não devem ser semelhante ao Princípio D - Inversão de contra ameaças. Eles não se fácil de manter. É semelhante à Dependência dependem de
forçadas a implementar métodos ou fun- Dependência na programação. perdem em detalhes sobre as ideia de que, nos Power Rangers, abstrações e interfaces para
cionalidades que não são relevantes para
habilidades individuais de cada a equipe é mais importante do criar código flexível, adaptável
sua especialização. Isso evita a chamada O Princípio de Inversão de Dependência
membro. Analogamente, ao usar que qualquer Ranger individual. e fácil de manter. Essa analogia
“poluição de interface”, em que uma classe nos ensina a depender de abstrações
abstrações, os desenvolvedores Quando um novo membro se ajuda a destacar a importância
é sobrecarregada com métodos que não em vez de implementações concretas.
se concentram no objetivo geral junta à equipe, a dinâmica global da confiança nas abstrações e
fazem sentido para ela. Isso significa que, em vez de depender
do sistema, não em implemen- permanece a mesma. Da mes- da colaboração entre partes do
de detalhes específicos de classes ou
O resultado é um código mais eficiente e tações específicas. Isso ajuda a ma forma, ao adicionar novas código em sistemas complexos
módulos, devemos confiar em interfaces
mais fácil de manter. As classes se con- manter a clareza e a coesão no implementações que seguem de software.
ou abstrações que definem um contrato
centram em fazer o que fazem de melhor, código. as abstrações definidas, o fun-
geral. Assim como os Power Rangers não
sem desperdiçar recursos em funcionali- cionamento geral do sistema
dependem de detalhes específicos sobre
dades desnecessárias. Isso também pro- permanece consistente
as habilidades de cada membro, mas sim
move a reutilização de código, uma vez
da unidade da equipe e do objetivo comum,
que as classes podem ser especializadas
os desenvolvedores podem confiar em
e, portanto, mais facilmente aplicáveis em
interfaces ou abstrações para alcançar a
diferentes contextos.
flexibilidade e a extensibilidade do código.
18 SANDBOX

TEXTO

INTELIGÊNCIA
CARREIRA
PAULO HENRIQUE
ILUSTRAÇÃO
NILLIA SOUSA

ARTIFICIAL IRÁ
GABRIELA SOUZA
REVISÃO
MILENA MAIA

ROUBAR SEU
EMPREGO?
Por que estamos pensando isso?

As inteligências artificiais (IA’s) têm substituir o ser humano?“ “É possível um


evoluído bastante nos últimos tempos, futuro como o de Exterminador do Futuro?”.
principalmente com as novas versões do Tenhamos bastante calma nessa hora, pri-
bastante conhecido ChatGPT, desenvol- meiro vamos entender o que são a maio-
vido pela OpenAI, ou também a Mirage, IA ria dessas IA’s, já que este termo é bem
generativa capaz de produzir imagens, e generalista e acaba por disfarçar a grande
com elas se tornando comum em nosso área de estudo que existe e seus diversos
dia a dia surge uma pergunta justa: “as modelos e algoritmos que realizam tarefas
IA’s irão roubar nossos empregos?” “Elas semelhantes a capacidade do ser humano
podem um dia criar elas mesmas e então de pensar e decidir.
20

MAS O QUE
SÃO ESSES
LADRÕES DE
POSSÍVEIS EMPREGO? Realmente não
teremos chances
contra as máquinas?
Comumente, usamos o termo IA para defi- encaixam melhor para cada caso de uso.
nir toda e qualquer ferramenta computa- Além disso, o próprio ChatGPT é um LLM Diante disso, ainda é muito
cional que age por ela mesma. Acontece (Large Language Model), um modelo de cedo para dizer que a IA é capaz
que esse termo seria mais justo para linguagem natural com o propósito de de tomar nosso emprego, mas
representar toda a área de estudo que entender e gerar texto, sendo uma rede pelo contrário, elas são ótimas
visa espelhar o comportamento humano neural, que adquire essa habilidade a par- ferramentas para auxiliar no
de forma computacional, e dentro dessa tir do treinamento com uma grande quan- processo de aprendizagem,
área sub-tópicos surgem representando tidade de dados de forma supervisionada com a devida curadoria do con-
uma parte desse comportamento. ou semi-supervisionada. E por mais que teúdo gerado a fim de garantir
se pareça com um humano respondendo, que erros não sejam replicados.
Por exemplo, Machine Learning, que está não passam de respostas que se baseiam Claro que com a chegada des-
dentro da área de IA e faz com que a em pesos, que determinam o quão pró- sas ferramentas, precisamos
máquina copie a capacidade de aprender ximo e o quão longe isso está dos dados demonstrar mais ainda que
a classificar um dado de entrada a partir usados para gerar a resposta e que tem realmente sabemos sobre os
de um treinamento feito com outros tipos como referência os valores usados no conceitos e menos sobre imple-
de dados, como a classificar a espécie treinamento da IA, e isso pode fazer com mentações diretas de código,
de uma flor a partir de fotos dela, e um que a resposta final seja diferente caso pois é nisso que mora nossa
algoritmo que conhecemos que faz isso mude algum detalhe do valor de entrada, maior habilidade, a criatividade.
é o KNN (K-Nearest-Neighbors). existindo assim uma taxa de acerto que é
previamente pensada e para garantir que Então, não precisamos nos pre-
Porém, esse algoritmo se limita a sim- a ferramenta possa ser utilizada essa taxa ocupar com a velocidade com
plesmente classificar objetos diante de de acerto deve ser próxima de 100%, mas que as IA’s vão acabar rouban-
uma referência, enquanto que em Deep nunca realmente é 100%. do nossos empregos, pois até
Learning, temos um objeto mais complexo lá, algo maior e mais rápido vai
e que não busca imitar um comporta- Então notamos que essas IA’s ainda são ter chegado até nós: o colapso
mento, mas sim um elemento do corpo super especificadas para uma determi- ambiental.
humano, que seria o próprio neurônio e nada tarefa, e que dentro dessa mesma
seu funcionamento de forma matemáti- tarefa elas ainda cometem muitos erros
ca, que seria o Perceptron, e que esse e necessitam de ajustes a cada erro para
assim como o neurônio pode ser aglo- diminuir a taxa de erro. Além de que, elas
merado com muitos outros *Perceptrons* necessitam de conhecimento prévio para
e criando assim uma rede neural com- treinamento e funcionam mais como uma
putacional, mas ainda assim esse sis- busca e junção, apenas alguns modelos
tema é limitado quando tentamos reali- realmente geram novos elementos, como
zar outras tarefas que não cabem a ele, a geração de imagens.
daí existem outras ferramentas que se
22 SANDBOX

TEXTO
CARREIRA ACADEMY
JOÃO VITOR IPIRAJÁ

ALÉM DOS
ILUSTRAÇÃO
JOÃO VITOR IPIRAJÁ

CHALLENGES:
JORNADA
NEURODIVERSA
NO APPLE
DEVELOPER
ACADEMY
Penso, logo existo. Penso e, assim, existo aqui. O desenvolvimento da inteli- explorem uma miríade de pers- perguntas e respostas. Essas a exploração de metodologias
Pensar está sempre Este pensamento está pro- gência emocional é uma rari- pectivas, descobrindo o que podem ser encontradas até complexas, algo reservado às
ligado a experiência fundamente entrelaçado com dade, uma vez que instituições melhor funciona para elas. mesmo no que nem parece ser pessoas privilegiadas com um
viva. Nossa relação nossa vivência e a maneira tradicionais muitas vezes linguagem, como nos sussurros vasto repertório literário-filosó-
com o mundo. como nos relacionamos com o optam por educar mediante Outra barreira que enfrentamos dos acontecimentos sonoros fico ou acesso a sessões tera-
mundo. Embora nossos senti- coação, medo e hierarquia, é a da linguagem, que nos deixa do cotidiano, que muitas vezes pêuticas possivelmente caras.
mentos sejam poderosos, com moldando excessivamente o à mercê de potenciais perdas, carregam consigo significados Por consequência, investimento
frequência recuamos diante da indivíduo, sem lhe conceder especialmente quando tenta- completos e profundamente mais que fundamental, embora
compreensão dessa reação escolha. Em contraste, as mos empregar palavras preci- impactantes. Formas de comu- nem sempre acessível.
biológica que carregamos em configurações ambientais da sas. No entanto, costumamos nicação que se manifestam no
nosso âmago, preferindo con- Apple Developer Academy negligenciar a notável resiliên- campo oral, corporal e visual. Conforme enfrentamos a rotina
tê-la em vez de questioná-la. rompem com essa tradição, cia de nossa língua, que abriga Infelizmente, o acesso a essa estressante, nossa percepção
possibilitando que as pessoas inúmeras maneiras de formular lucidez frequentemente requer da vida gradativamente cede
com TOC, TDAH e TEA) e um grupo controle,
espaço a mitos. Tentar explicar algo que para não enviesar minhas conclusões. Criei
transcende as fronteiras tanto da razão um roteiro de entrevista pensando em todo
quanto da irracionalidade pode parecer o tempo e estresse envolvidos no processo,
absurdo. A solução, com frequência, parece dos relacionamentos às possíveis barrei-
ser a adoção de crenças e regras cada vez ras de comunicação, das realizações as
mais rígidas, que se chocam com nossa frustrações.
natureza fluida. Assim, nos vemos em um
dilema: até que ponto estamos dispostos No entanto, à medida que conduzia entre-
a tolerar o engano e que grau de lucidez vistas com pessoas das diversas Apple
estamos dispostos a aguentar Developer Academies pelo Brasil, minha
abordagem desviou-se organicamente dos
Para enfrentar esses A cada aspectos técnicos para explorar questões
desafios, as estruturas entrevista mais íntimas relacionadas à integridade, éti-
de gerenciamento de concluída, me ca e vulnerabilidade. Me surpreendi com a
projetos são indispen- emocionava no força de deixar fluir o diálogo e puxar gan-
sáveis quando se trata microcosmo chos pertinentes do que era falado, enquan-
de trabalho em grupo, do diálogo. to anotava freneticamente sem tirar os olhos
garantindo a consis- dos protagonistas. Depois de compilar tudo
tência daquilo que está sendo construído. isso, fui tocado pela importância de compar-
Entretanto, em um ambiente de trabalho, tilhar experiências e pela necessidade de
nem tudo pode ser planejado com métodos estabelecer laços de confiança com fami-
como Scrum ou Kanban. A fantasia e a ide- liares e amigos, a fim de preservar a saúde
alização frequentemente entram em cena, mental. A esquecida compaixão. A esfera
devido à margem mínima para hipóteses e às do amor e caridade num sentido imaterial
nossas necessidades emocionais. Escapar me fez ratificar que a verdadeira felicidade
desse ciclo é uma dolorosa desilusão, porém, é compartilhada.
é crucial para evitar ser engolido pelo abis-
mo da culpa. Possivelmente, a resposta No fim das contas, percebi que o caminho
reside na exploração do familiar território começa com um simples “sim”. Aceitar
do desconhecido, na direção do indivíduo essa jornada implica flutuar no escuro, sem
que, em meio às muitas restrições impostas controle ou engano, como ao cair em uma
pela pandemia de COVID-19, foi arrancado superfície abismal. A flexibilidade, a adapta-
do nosso repertório, buscando a habilidade ção aos contextos específicos e o julgamen-
de afetar e ser afetado. to sensato revelaram-se a dinâmica mais
precisa em meio à efervescência. Falo em se
Quando comecei a elaborar este artigo, ima- permitir ser humilde ao ponto de aceitar que
ginei que se tornaria uma narrativa descritiva nós somos uma metamorfose ambulante.
com uma consideração motivacional para
promover a neurodiversidade. Passei por
toda a burocracia e, durante 2 semanas,
realizei entrevistas com 10 voluntários. A
amostra incluía um grupo teste (com colegas
26

Em meio ao luto pelas tradições antigas, surge Nossa comunicação deve ser assertiva, alinhan-
uma pergunta: “Por que não somos livres Eu do nossos valores e desejos com os do grupo.
tenho uma reputação a prezar”, Talvez seja porque Devemos recuar quando o diálogo falha ou assim
simulamos regras e valores para manter nossas que dissipa a reciprocidade. Necessitamos bus-
expectativas mínimas, preservando a esperança car a opinião do destinatário para entender seus
de que as coisas podem mudar. Ao mesmo tempo, incômodos e motivações. Contudo, não devemos
somos participantes do jogo político. A ignorância esquecer que as dinâmicas de poder e contradição
ou inação não nos eximem de responsabilidade. A persistem, e é importante estabelecer um nível de
verdadeira humanidade compartilhada exige diplo- confiança que determine o grau de transparência Capture, Write and Create
macia e empatia, reconhecendo a singularidade necessário.
dos outros. Não devemos nos esquivar ou tentar
invadir o espaço alheio, devemos buscar trilhar o Em retrospectiva, ao longo de dois anos, per-
caminho do meio. Entretanto, vem essa fantasia da cebemos que não nos tornamos quem somos
circunspecção em busca do prestígio e validação apenas por meio da influência da Apple Developer
uniforme como consequência da prática. Melhor Academy. Em vez disso, valorizamos a jornada de
dizendo, praticar humanidade fala muito mais crescimento e aprendizado, apesar dos challen-
sobre o seu próprio bem estar do que carisma e ges que enfrentamos com as ferramentas únicas
a aprovação da massa. que nos foram mostradas. Cada passo à frente,
embora repleto de riscos, representa uma vitória,
e é essa questão que tem nos moldado ao longo
do tempo: o que temos feito uns dos outros
28 SANDBOX

TEXTO
CARREIRA ACADEMY

COMO
AYSLANA RIENE
ILUSTRAÇÃO A partir de agora, chegamos no ponto prin-
DAVID AUGUSTO cipal desse artigo: como o desenvolvimento

GENERALISTAS
REVISÃO de aplicativos iOS se mostrou (e continua
ELIS VIEIRA sendo) um oásis de carreira para pessoas
generalistas. Especialmente o Academy, lugar
onde é possível testar diversas especializa-

PODEM SE
ções, errar e se redescobrir sem julgamentos.
Aqui dentro pude me desenvolver nas áreas
de programação, produto e design. Na minha

ENCONTRAR NO
experiência individual, decidi na minha pas-
sagem pelo academy focar em design, visto
que já trabalhava com programação.

DESENVOLVIMENTO
Durante os projetos que participei, pude
trabalhar com Objetos 3D, UI, UX Research,
Realidade Aumentada, Copyrights, Branding,

DE APLICATIVOS iOS?
Ilustrações, interfaces com Swift UI, inter-
faces com UIKit, interfaces com storyboard,
aplicativos que rodavam apenas no terminal,
artigos… a lista é grande. Mas o raciocínio
é: estar incluída no ecossistema Apple me
permite flutuar entre áreas a fim de atingir
um mesmo objetivo: a publicação de um app
na Apple Store.
Como uma generalista, definir carreira e Minhas opções eram: nanotecnologia, design
Para mentes criativas, o desenvolvimento de
foco sempre foi um desafio. É natural não se de produto, gastronomia, artes visuais e física.
aplicativos iOS contempla todos os aspectos
encontrar em uma única área mas em várias, Eu não estava indecisa, todos os cursos cita-
da nossa curiosidade. É preciso ser multipo-
e que podem ser completamente distintas). dos tinham o meu total interesse de desen-
tencial e assumir todos os desafios necessá-
O foco e o interesse estão em constante volvimento completo e profissional, e ainda
rios para concretizar uma ideia em formato de
mudança, movidos por uma curiosidade con- têm. Acabei, então, entrando para Engenharia
aplicativo, e, após isso, conseguir manter e
tínua, que nunca se esvai e nunca permanece de Telecomunicações, foi então que descobri
divulgar o projeto. Ao descobrir esse universo,
em um mesmo tópico. Entender um pouco o desenvolvimento e migrei pra Engenharia
pude, finalmente, me encontrar como pro-
mais sobre o assunto me curou muitas dores de Computação e, finalmente, me encontrei
fissional e aspirar pela concepção de novos
pois, antes de me entender como generalista, no Academy. Logo nas etapas de seleção da
aplicativos, participando e colaborando ativa-
sempre tentei a pertencer a apenas um local, turma, enviei um vídeo falando sobre esse
mente em cada etapa do processo, experiên-
uma área de atuação. O resultado disso é aspecto da minha personalidade, o quanto
cia que eu, pessoalmente, recomendo à todos
muito óbvio: falhei no momento em que foi eu queria me desenvolver em todas as áreas
que se identificam com essa característica
me designado a decisão do curso superior. de interesse, e o quanto estava decidida em
que de tão plural, nos torna singular.
me tornar, um dia, uma polímata (uma pessoa
que “aprendeu muito”).
30 SANDBOX

TEXTO O CBL é uma abordagem educa- INTERAÇÃO CONTÍNUA


METODOLOGIA DESENVOLVIMENTO

FANFICANDO CBL?
SAMANTHA cional que coloca os alunos no O CBL incentiva a iteração
EUFRÁSIO centro do processo de aprendi- contínua. À medida que as
ILUSTRAÇÃO zado, desafiando-os a resolver equipes descobrem novos
SARAH MADALENA problemas do mundo real. Não insights e feedback dos usuá-

A IMPORTÂNCIA
REVISÃO há a hierárquia da sala de aula rios, podem adaptar e melhorar
ELIS VIEIRA que somos acostumados a ter. constantemente o aplicativo.

RESOLUÇÃO DE
Ao aplicar o CBL ao desenvolvi-

DO USO DE
mento de aplicativos, as equipes
são incentivadas a compreender PROBLEMAS COMPLEXOS
os problemas que os usuários O CBL desafia as equipes de

METODOLOGIAS
enfrentam e a buscar soluções desenvolvimento a abordar pro-
relevantes, você passa a compre- blemas complexos do mundo
ender as dores do usuário que se real. Isso não apenas impulsiona a

Based Learning
CBL E SCRUM
deseja atingir além de permitir que criatividade, mas também desen-
haja um movimento de progres- volve a capacidade de lidar com
so, sem se basear em um cres- desafios complexos que podem
cimento linear ou cíclico, mas em surgir durante o ciclo de vida do
progresso. Isso se traduz em uma aplicativo.
série de benefícios:
ENGAJAMENTO
RELEVÂNCIA CONTEXTUAL SUSTENTÁVEL
O CBL permite que as equipes O CBL tende a manter as equipes
de desenvolvimento se envol- engajadas e motivadas, pois elas
O desenvolvimento de aplicativos tor- vam profundamente nos proble- estão trabalhando em problemas

Challenge
nou-se uma parte essencial da nossa mas dos usuários. Eles precisam que consideram relevantes e sig-
vida cotidiana. Desde aplicativos de entender as necessidades e nificativos. Isso é fundamental
mensagens instantâneas até aplica- expectativas dos usuários antes para evitar a fadiga e o desgaste
tivos de gerenciamento financeiro, de começar a criar um aplicativo. da equipe, mantendo a qualidade
eles desempenham um papel crítico Isso resulta em soluções mais do trabalho ao longo do tempo.
na maneira como nos comunicamos,
DESENVOLVIMENTO DE
relevantes e centradas no usuário.
trabalhamos e nos entretemos. Para
garantir que esses aplicativos aten- APRENDIZADO ATIVO HABILIDADES INTERPESSOAIS
dam às necessidades dos usuários O CBL promove a aprendizagem O CBL promove a colaboração e
e estejam sempre evoluindo, é vital ativa, incentivando a pesqui- a comunicação eficaz entre os
adotar metodologias eficazes de sa, a colaboração e a resolução membros da equipe, pois eles
desenvolvimento. Duas metodologias de problemas. As equipes são precisam trabalhar juntos para
que têm sido destaque nesse con- desafiadas a buscar informações, resolver problemas complexos.
texto são o Aprendizado Baseado em trabalhar juntas e desenvolver Essas habilidades interpessoais
Desafios (Challenge Based Learn) e o habilidades de solução de pro- são valiosas não apenas para o
Scrum. Me segue aqui e vem entender blemas - todas essenciais para o projeto atual, mas também para o
mais sobre elas e suas vantagens. desenvolvimento de aplicativos desenvolvimento pessoal de cada
bem-sucedidos. membro da equipe.
SCRUM TRANSPARÊNCIA planejamento de sprint (Sprint
Planning), revisões de sprint
A metodologia Scrum promo- (Sprint Review) e retrospecti-
ve a transparência em todas vas (Sprint Retrospective). Isso
as etapas do desenvolvimento. resulta em uma maior visibilida- Por fim, ao combinar o
Isso significa que os stakehol- de e controle sobre o progresso Aprendizado Baseado em
ders têm visibilidade constante do projeto. Desafios (CBL) com o Scrum
sobre o progresso do projeto, no desenvolvimento de apli-
o que ajuda a evitar surpresas REDUÇÃO DE RISCOS cativos, as empresas podem
desagradáveis e garante que criar uma abordagem altamen-
O Scrum ajuda a identificar e
todos estejam alinhados com te eficaz e centrada no usuário.
mitigar riscos precocemente,
O Scrum é uma metodologia os objetivos. Isso não apenas resulta em
uma vez que os problemas são
ágil que se baseia em princí- aplicativos de alta qualidade
revelados em estágios iniciais e
pios como iteratividade, trans-
COLABORAÇÃO podem ser tratados antes que
que atendem às necessida-
parência e adaptação contínua.
Ele é amplamente adotado por EFETIVA se tornem mais complexos e
des reais dos usuários, mas
também fortalece as equipes
caros de resolver.
equipes de desenvolvimento O Scrum enfatiza a colabora- de desenvolvimento, desen-
em todo o mundo devido à sua ção entre as diferentes funções volve habilidades cruciais e
capacidade de entregar resulta- envolvidas no desenvolvimen- MAIOR SATISFAÇÃO mantém a agilidade neces-
dos de alta qualidade de forma to de aplicativos, incluindo DO CLIENTE sária para prosperar em um
eficaz e colaborativa. Seja no desenvolvedores, designers, ambiente de constante evo-
desenvolvimento de software, na testadores e gerentes de pro- A entrega regular de incremen- lução tecnológica.
gestão de projetos ou em outros duto. Isso ajuda a garantir que tos funcionais do aplicativo
contextos, o Scrum continua a todas as perspectivas sejam permite que os clientes vejam o Essas metodologias não são
ser uma ferramenta valiosa para consideradas. progresso e possam fazer ajus- apenas para grandes empre-
alcançar o sucesso em projetos tes nas prioridades ou requisitos sas, elas podem ser adaptadas
complexos e em constante evo- FEEDBACK RÁPIDO conforme necessário. Isso leva a para atender às necessidades
lução fazendo com que a gente uma maior satisfação do cliente, de startups, pequenas empre-
coloque nossa flexibilidade em As entregas frequentes duran- pois eles têm a oportunidade sas e projetos individuais (até
jogo. Aqui vai alguns motivos de te os sprints permitem que as de influenciar diretamente o mesmo no seu dia a dia ou no
por que ele é tão valorizado no equipes obtenham feedback desenvolvimento. tão temido TCC). Em última
mundo empresarial moderno. rápido dos usuários, permitindo análise, a chave para o suces-
ajustes contínuos no aplicativo MELHORIA so é adotar abordagens que
FLEXIBILIDADE para atender às necessidades
CONTÍNUA priorizem o aprendizado, a
em evolução. colaboração e a adaptação
O Scrum permite que as equipes As retrospectivas do Scrum contínua, o CBL e o Scrum
de desenvolvimento respondam MAIOR VISIBILIDADE são uma oportunidade valio- são ferramentas valiosas para
rapidamente às mudanças nas
necessidades do usuário ou no
E CONTROLE sa para as equipes analisarem
o que funcionou bem e o que
alcançar esses objetivos.

mercado. Eles trabalham em O Scrum fornece uma estru- pode ser melhorado no próximo
ciclos curtos, chamados sprints, tura clara de papéis, respon- sprint. Isso promove uma cul-
onde entregam incrementos sabilidades e reuniões regula- tura de melhoria contínua que
funcionais do aplicativo a cada res, como as reuniões diárias pode levar a resultados cada vez
iteração. (Daily Scrum), reuniões de melhores ao longo do tempo.
34 SANDBOX

TEXTO
DESIGN PROCESSO

UX RESEARCH:
IEDA XAVIER
ILUSTRAÇÃO
DAVID AUGUSTO
LUCAS BAPTISTA

PROCURANDO
REVISÃO
MARÍLIA SOUSA
ELIS VIEIRA

PEÇAS QUE
FALTAM EM
NARRATIVAS

Pesquisadores de UX são cruciais componen- estudos de campo, Diary Studies, entrevistas, pes-
Quando alguém diz que é um pesquisador tes para o processo de design centrado no ser quisas, Participatory Design, Concept Testing. O
de UX o que te vem à mente? Se eu te falas- humano e para criar soluções que encontrem as ponto importante aqui é validar e descartar supo-
se que em suma o trabalho do pesquisador expectativas do usuário e entregue valor. Quando sições e, em seguida, trazer os dados e insights
de UX é contar uma narrativa do usuário queremos desenvolver um produto ou serviço para a equipe. Algumas dicas durante essa fase
para com um produto e/ou serviço, mas para passamos por alguns passos: Descobrir, Explorar, seriam conduzir estudos de campo, entrevistar
contar essa narrativa deve-se sanar todas Testar e Monitorar e as metodologias se distinguem usuários, Diary Studies e fazer benchmark para
as dúvidas que essa história trás. Aqui eu durante cada etapa. Na fase de descoberta, você encontrar pontos fortes e fracos dos produtos de
vou exemplificar algumas ferramentas que tenta encontrar novas direções e oportunidades, seus concorrentes, descubra o que os usuários
utilizamos para sanar essas dúvidas. utilizamos métodos de pesquisa generativa, como mais gostam.
Espero ter conseguido pas-
sar um pouco como é ser um
pesquisador de UX e como
ele é fundamental na idea-
ção de um serviço/produto e
ajudado com o um pouco das
ferramentas que utilizamos
para realizar nosso trabalho.

FASE FASE FASE


EXPLORAÇÃO TESTE MODERAÇÃO
Na fase de exploração, enten- Na fase de teste, mensuramos Na fase de moderação, ao longo
demos o espaço do problema o desempenho do produto do ciclo de pesquisa e design
e planejamos o escopo, atender contra si ou sua concorrências, para ajudar a entender os pro-
apropriadamente as necessi- utilizamos métodos de pesqui- blemas existentes e procurar
dades do usuário, utilizamos sa sumativos como, Usability novos problemas. Analise os
métodos de pesquisas forma- benchmarking, teste de usa- dados coletados e monitore as
tivos, como card sorting, tree bilidade não moderados, A/B informações recebidas quanto
testing, testes de usabilidade, testing, clickstream/analytics e a padrões e tendências. Boas
remotos ou não, moderados ou pesquisas. Algumas dicas para práticas nessa fase seriam pes-
não. Algumas dicas para essa essa fase seriam fazer teste de quisar clientes e usuários em
fase, usar suas pesquisas para usabilidade cedo e frequente- potencial, monitorar métricas
construir personas e escrever mente, realizar uma avaliação de e descobrir tendências e ano-
histórias do usuário, analisar o acessibilidade, pedir às pessoas malias e avaliar seu progresso,
fluxo do usuário para encon- que relatem suas interações e analise os canais de feedba-
trar maneiras de economizar quaisquer incidentes interessan- ck recebidos periodicamente
tempo e esforço das pessoas, tes ao usar o sistema ao longo quanto às principais questões
obter feedbacks sobre os fluxos do tempo, analisar suas redes de usabilidade e áreas de pro-
do usuário em estágio inicial e sociais, conversar com usuários blemas, procure pistas sobre o
usar card sorting para desco- online e fazer testes de ben- que as pessoas não conseguem
brir como as pessoas agrupam chmark, se estiver planejando encontrar, seus mal-entendidos
informações e adequar o fluxo uma grande reformulação ou e quaisquer efeitos não intencio-
de navegação e a organização melhoria de medição, teste para nais, coletar perguntas frequen-
da informação. determinar o tempo na tarefa, a tes e tente resolver os proble-
conclusão da tarefa e as taxas mas que eles representam.
de erro do seu sistema atual.
38 SANDBOX

TEXTO
CÓDIGO TUTORIAL
Este não é o relato de uma especialista em arqui-

CONSTRUINDO
EMILY MAIA
ILUSTRAÇÃO
tetura de software - muito pelo contrário - mas
HELENA OLIVEIRA sim de mais uma entre centenas de devs que
também se perde na imensidão de informações

PONTES, NÃO
que é a área da tecnologia.

Este artigo não revelará uma fórmula mágica para

APENAS PASTAS:
aprender arquitetura de software, pois isso levaria
tempo e várias páginas. No entanto, posso te dar
dicas tão valiosas quanto as que dizem por onde
você deve ir. Dicas que dizem: “NÃO vá por esse

DICAS SOBRE
caminho!”.

Quando entramos no mundo do desenvolvimento

ARQUITETURA DE
de software, a vontade de aprender na prática
(direto ao código) faz a gente se perder um pouco
na maneira que pesquisamos as coisas. É tentador

SOFTWARE PARA
pular direto para a codificação, afinal, é a parte
mais emocionante, certo? Porém, entender os
princípios subjacentes da arquitetura de software
e dos padrões arquiteturais , bem como a diferen-

INICIANTES
ça entre eles, pode te economizar algumas horas
de trabalho e dores de cabeça no futuro.
DICA #1

NÃO CONFUNDA
ARQUITETURA DE DICA #2 DICA #3
SOFTWARE COM NÃO FIQUE SÓ SOLIDIFIQUE
DESIGN PATTERNS NA TEORIA SUAS BASES
Arquitetura de Software e Design Patterns Em resumo, uma arquitetura define como dife- No desenvolvimento de aplicativos, exis- Esta provavelmente é a dica mais importante des-
foram um dos conceitos que mais me confun- rentes componentes do software se relacio- tem algumas arquiteturas que são comumen- te artigo. Se você é iniciante, foque no domínio
diram no início da minha jornada. Por muito nam e interagem entre si. Envolve decisões te utilizadas, como Arquitetura em Camadas da linguagem de programação, conheça a IDE
tempo, pensei que bastava escolher um Design sobre como dividir o código em módulos, como (Layered Architecture), Arquitetura Limpa (Clean onde você irá trabalhar, aprenda a tratar erros,
Pattern (como MVC, por exemplo), criar as pas- gerenciar a comunicação entre esses módulos, Architecture), Arquitetura em Cebola (Onion Programação Orientada a Objetos, utilizar APIʼs
tas correspondentes (Model, pasta View e pasta como garantir que o software seja escalável Architecture) e muitas outras! Dê uma lida sobre e frameworks…depois de se sentir confortável
Controller) e pronto! Porém, qualquer mínima e fácil de manter a longo prazo, como será a elas, entenda seus objetivos e benefícios e arrisque com esses tópicos, você com certeza estará
necessidade de integração com outras tecno- documentação e os padrões de codificação, implementando-as! Esse processo com certeza vai numa posição melhor para explorar arquitetura
logias (frameworks, APIʼs, bancos de dados) qual modelagem de dados será utilizada, define te levar a utilizar alguns Design Patterns e isso de software.
me surgiam algumas dúvidas do tipo: Isso se políticas de acesso e segurança, testabilidade será essencial para você identificar as diferenças
encaixa em Model ou Controller? Se houverem e por aí vai. entre eles.
outras pastas separando essas integrações
A verdade é que a qualidade da arquitetura de
estarei ‘saindo’ da arquitetura? A arquitetura
software vai muito além da estrutura de pastas.
que estou utilizando é realmente a melhor para
Não importa se você tem dez pastas ou cem
minha solução? Por fim, lembre-se de que o processo de apren-
pastas em seu projeto, o que realmente importa
Arquitetura de projeto se refere à estrutura é como essas pastas são usadas para organizar dizado é incrivelmente valioso. Cada pequeno
passo representa uma conquista, e cada instante

LEMBRE-SE!
específica de um projeto de software indivi- e conectar seu código.
dual, enquanto os padrões arquiteturais são dedicado a essa jornada é um investimento no seu
Embora você não precise seguir à risca o pro-
soluções gerais para problemas comuns de desenvolvimento como programador. Ao respeitar
cesso de desenvolvimento de arquitetura de
design de software. Os padrões arquiteturais, e abraçar cada etapa, você tornará sua jorna-
software toda vez que iniciar um novo proje-
como MVVM(Model-View-ViewModel) ou REST Nada te impede de aprender em paralelo, mas da na programação mais gratificante e menos
to (os primeiros tendem a ser mais simples e
(Representational State Transfer), são diretrizes evitar frustrações decorrentes do pensamento desgastante. Portanto, prossiga com confiança,
tudo bem!), é importante que você saiba quais
amplas que podem ser aplicadas a diferentes de insuficiência ou inaptidão para aprender algo mantenha a paciência e tenha em mente que o
etapas existem nesse processo e como elas
projetos, independentemente de sua arquitetura é importante. Tudo tem seu tempo! tempo é um aliado essencial nesse percurso!
impactam o produto final.
específica. Não vou me aprofundar sobre eles
pois não são nosso foco hoje.
42 SANDBOX

TEXTO
DESIGN PROCESSO TUTORIAL

UX WRITING:
PEDRO MUNIZ
ILUSTRAÇÃO
PEDRO MUNIZ

DICAS PARA
REVISÃO
ELIS VIEIRA

CONSTRUIR UMA
É muito importante pensar na linguagem
utilizada no seu app desde o início de seu
processo de criação. A definição da lingua-

ARQUITETURA
gem mais apropriada, o planejamento dos
textos e, de forma mais geral, do conteúdo
que as pessoas poderão consumir nas telas

DE CONTEÚDO
que você criar, não deve ser algo adicionado
às pressas ou apenas no final do processo,
como um “afterthought”. Podmajersky, autor
do excelente livro Redação Estratégica

BÁSICA PARA O
para UX, nos conta como frequentemente
empresas ou times percebem que a experi-
ência textual de seu produto está “quebrada”

SEU APP
e acabam contratando um UX Writer para
consertá-la. Se pensarmos no app como
uma casa, uma experiência textual “que-
brada” seria como ter paredes deterioradas
em diferentes níveis. Se há poucos buracos
mas paredes foram construídas de uma
forma robusta, de forma que os buracos não
afetem a encanação ou a instalação elétrica,
“UX Writing”, também conhecido como no planejamento de conteúdo para apli- por exemplo, o reparo será mais fácil. Ou
“Content Design”, ou, em bom português, cativos digitais, mas os princípios do UX seja, se seu app foi construído com uma Um bom planejamento de conteúdo pode
“Design de Conteúdo”, é a área do Design Writing ou Design de Conteúdo podem terminologia, uma voz e uma arquitetura da determinar o quão acessível é o seu app (e,
de Experiência dedicada ao planejamento ser adaptados para os mais diferentes informação consistentes, além de formas consequentemente, quais pessoas fica-
e elaboração do conteúdo textual de um projetos que envolvem produção textual. o trabalho de manter, atualizar e interna- rão de fora da sua experiência), quantas
produto, serviço ou, de forma bastante Depois desta curta introdução, você vai ser cionalizar o conteúdo, além de consertar pessoas ficarão com vontade de voltar a
geral, da experiência que você estará apresentado a uma ferramenta bem útil algumas palavras mal colocadas aqui e ali usá-lo (ou não), e até quantas pessoas
propondo para determinadas pessoas. para o planejamento dos conteúdos tex- fica naturalmente mais fácil. No entanto, o recomendarão para outras (ou, pelo
Em tradução livre, “UX Writing” equivaleria tuais, que podemos chamar de Tabela de quando esse trabalho de fundamentação contrário, farão propaganda negativa). O
a “Escrita para a Experiência de Usuário”, Voz; e, logo em seguida, um apanhado de não foi feito e os buracos afetam a própria texto certo em determinado botão, assim
apesar de ir muito além do que está escrito, dicas básicas (mas importantíssimas) para estrutura da experiência e apenas consertar como a distribuição dos elementos na tela,
já que toca em todo o conteúdo do produ- desenvolver a voz do seu app. Essas dicas algumas palavras (aquela revisão básica) podem fazer a diferença no momento em
to que é consumido por alguém, incluindo podem ser usadas junto com a Tabela de não vai adiantar: é preciso fazer um verda- que alguém está finalizando uma compra
como este conteúdo está disposto em Voz ou independente dela. deiro (re)trabalho de engenharia. (ou acaba desistindo dela).
uma tela. Neste texto vamos nos focar
OS A
Caso seus prazos estejam entre diferentes partes da
apertados no momento experiência: ele será dife-

CONCEITOS A
(uma situação bastante rente em uma mensagem

GRAMÁTICA
comum hoje em dia, somos de erro, em uma notificação,
obrigados a admitir), mas em um momento de cele-
você ainda quer fazer um bração, e assim por diante.

VERBOSIDADE
planejamento básico do A voz do seu app deve ser
conteúdo textual do seu reconhecível apesar dos são as ideias ou assuntos que define as estruturas gramaticas
app, uma das muitas ferra- diferentes tons, assim como a organização quer enfati- apropriadas, mais simples ou
mentas interessantes que somos capazes de reconhe- zar a qualquer oportunidade. mais complexas, dependendo
Pergunte-se qual é o papel que define a quantidade adequa- do contexto. As linguagens
você pode usar é a “Tabela cer a voz de uma pessoa
vocês, enquanto organização, da de texto mostrado. Quando humanas nos permitem varia-
de Voz”, desenvolvida por querida quando a ouvimos
querem que o produto desem- preparamos qualquer texto para dos tipos de expressões para
Podmajersky e adaptada falar tanto com um amigo

FERRA-
penhe na vida das pessoas que um app ou serviço, esse texto dizer coisas similares. Em geral,
para cá. A tabela de voz quanto com um superior no
o utilizarão? Registre as ideias não deve de atrapalhar o per- para maximizar a usabilidade,
contém um conjunto de trabalho.
que devem ser transmitidas, curso de quem está usando o estruturas gramaticais simples
regras de tomada de deci-
independente da terminologia aplicativo (pelo contrário), mas funcionam melhor para a maio-
são e orientação para ali- Os princípios do produto
específica que é escolhida. geralmente ele também não ria dos propósitos. Em inglês,
nhar o conteúdo de UX às são os fundamentos da

MENTA
está lá só para ser “saboreado”, isso significa frases simples de
necessidades da organiza- tabela de voz. Eles definem

JÁ O
por simples prazer. Escrever um sujeito-predicado ou coman-
ção e do usuário. Quando o o que o produto pretende
texto muito sucinto quando se dos tipo verbo-objeto, como
conteúdo UX estiver sendo ser para seus usuários, e

VOCABULÁRIO
espera mais informações pode “O ônibus aceita troco correto e
elaborado, a tabela de voz podem variar de acordo
bloquear quem está usando o

PRA
ajudará a identificar o que com o produto e as neces- passes de trânsito” e “Adicione
app, e o contrário também é ver- dinheiro ao seu passe de trân-
pode torná-lo melhor. sidades da organização.
dadeiro. Não deixe de levar em sito”. Mas não podemos buscar
consideração também o tipo de maximizar a usabilidade e aca-
O que chamamos de prin- Pense nos momentos em especifica os termos que são
tela na qual o texto será inserido: bar criando um tom robótico e
cípios do produto apa- que haverá comunicação tão importantes para a experi-

QUEM
se ela é maior ou menor. E, como impessoal demais.

A
recem no topo de uma entre seu produto ou sua ência que nos permitem iden-
sempre, tudo vai depender do
coluna. Então, para cada organização e as pessoas tificar sua personalidade. Para
contexto. Em um aplicativo cujo
princípio, cada um dos seis que o utilizarão. Por exem- um trabalho de planejamento

PONTUAÇÃO
objetivo é transmitir um ar de
aspectos da voz é defini- plo: quaisquer momentos de mais completo, o vocabulário
elegância e a importância asso-
do em uma linha diferen- solução de problemas pode que entra na Tabela de Voz

TEM
ciada a um serviço ou local, por
te: conceitos, vocabulário, gerar um princípio que apa- não substitui uma lista de ter-
exemplo, pode-se escolher não
verbosidade, gramática, recerá no topo de uma das minologias mais robusta e mais
poupar palavras em descrições define o tipo de pontuação que
pontuação e letras maiús- colunas equivalentes a um completa, como um léxico ou
e “enfeitar” o texto com advér- deve ser usada ou nunca deve
culas. As variações entre tom de voz. As campanhas glossário para o produto. Essa
bios e adjetivos. Entretanto, nem ser usada em todos os textos

PRESA
colunas correspondem à de marketing podem ser lista de terminologias define os
sempre estaremos lidando com do app. Você pode, por exem-
diferença entre a voz e o outro momento de comu- termos que têm um significado
contextos como esse. plo, proibir o uso de determina-
tom. A voz é consistente: é nicação que gera mais uma especial para aquela experiên-
dos sinais de pontuação para
possível reconhecer que há coluna e mais uma variação cia específica.
facilitar o uso de leitores de tela,
uma escolha das palavras de tom. Os aspectos da voz
além de definir quando usar vír-
usadas ao longo de toda a aparecem à esquerda, ini-
gulas, como usar travessões e
experiência. O tom varia de ciando cada linha da tabela.
muito mais.
acordo com a necessidade,
Princípios de Descontraído Jovial Simples e Direto Intrigante

ONE MORE THING...


Produtos Momento: Onboarding Momento: Telas iniciais Momento: Textos de natureza legal Momento: Marketing, redes
Aspectos da Voz sociais.

ALGUMAS
Conceitos

DICAS
Ideias e assuntos que a organização Escreva aqui as ideias e assuntos Escreva aqui as ideias e assuntos
Exemplos: Exemplos:
quer enfatizar a qualquer oportunida- que você ache mais importante que você ache mais importante
Praticidade, clareza, descon- Jovialidade, quebra da rotina,
de. Reflete o papel que a organiza- para a experiência que você quer para a experiência que você quer

PARA
tração despertar a curiosidade...
ção quer que a experiência tenha na proporcionar :) proporcionar :)
vida da pessoa usuária

Além de escrever termos e


Vocabulário

QUEM
Exemplo: Nunca usar sequências Exemplo: Não usar estrangeiris- palavras aqui, você pode esta-
Exemplos:
Termos que são importantes para a de palavras que possam gerar ca- mos, a não ser os amplamentes belecer regras. Na verdade, é
Não usar palavras em inglês,
experiência que nos permitem identi- exceto quando... cofonia ou confusão para leitores já adotados, já pertencentes ao interessante construir um léxico
ficar sua personalidade de tela (Ex.: “Há a”) jargão usado... mais longo para o seu app, se-
parado desta tabela.

Exemplos:
Verbosidade

ESTÁ COM
Exemplo: Evitar muitos adjetivos, Exemplos: Todas as frases de-
Evitar frases muito longas; Exemplo:
Define a quantidade adequada de exceto se reforçar a ideia de segu- vem ser curtas ou o mais curta

MUITA
Usar o mínimo de texto pos- Evitar frases muito longas.
texto mostrado rança... possível.
sível.

Gramática Exemplo: Exemplo:


Exemplo: Usar apenas o pronome Exemplos: Sentenças simples e
Define as estruturas gramáticas

PRESSA
Preferência por sentenças Aqui e em todo o app: Usar ver-
“nós”, com verbos corretamente completas. Verbos e comandos
apropriadas, mais simples ou mais simples (sujeito-predicado), bos no infinitivo para botões de
conjugados – não usar “a gente” simples.
complexas, dependendo do contexto comandos claros e simples. ação. Ex.: Criar pedido.

MESMO
Exemplo:
Pontuação Exemplo: Aqui e em todo o app: Exemplo: Pode-se usar pontos
Aqui e em todo o app: Ne- Não usar pontos de exclamação.
Define o tipo de pontuação que deve Sentenças completas que não são de exclamação, com parcimô-
nhum título usa pontuação, Pode-se usar ponto e vírcula ou
ser usada ou nunca deve ser usada não usar hífens, en ou em
títulos incluem pontuação (isso
dois pontos, se necessário.
nia. Estrangeirismos podem ser
nos textos do app não vale em botões). usados à vontade.
dash, parênteses, etc.

Capitalização Exemplos: Igual à coluna anterior Igual à coluna anterior Às vezes uma diretriz pode ser
Define o uso de letras maiúsculas e/ Aqui e em todo o app: Maiús- a mesma entre uma ou várias
culas no início de títulos, em colunas! :) Se o tempo não for sufi-
ou caixa alta em todo o app
botões e headings. ciente nem mesmo para
planejar uma tabela de voz
e alinhá-la com sua equi-
pe, reúno logo a seguir um
E, por fim, o último aspecto da voz, a capitaliza- se possível, trabalhar junto com o seu time ou com
“kit basicão” de dicas, tal-
ção ou o uso de letras maiúsculas define o uso as pessoas da sua organização para preenchê-la.
vez bastante básicas para
de letras maiúsculas ou caixa alta em todo o app.
O trabalho não precisa necessariamente ser feito pessoas mais experien-
Pode-se argumentar que a pontuação e capitaliza-
em conjunto e em tempo real, mas quanto mais tes, mas ainda assim tão
ção fazem parte do design visual e tipográfico do
você conversar com as pessoas envolvidas em seu importantes que nunca
produto e, por isso, não seriam responsabilidade
projeto, tirar dúvidas e esclarecer qual é a visão deveríamos perdê-las de
do UX Writer, mas eles são essenciais para deter-
que se tem do app que vocês estão desenvolven- vista ao desenvolver qual-
minar a qualidade da experiência de uso.
do, melhor será o resultado. Seja como for, separe quer produto ou serviço.
Você pode criar uma versão desta tabela na sua um tempo com seu time para apresentar a tabela
ferramenta favorita (um Notion ou Figma da vida) e, e fazer com que todo mundo esteja alinhado.
REFERÊNCIAS E
Lembre-se que o conteúdo textual afeta a interfa- “sim” e “não”). Os botões devem ser tão claros que,

RECOMENDAÇÕES
ce do seu app como um todo, e é crucial para uma mesmo que o usuário não leia o alerta e leia apenas os
boa experiência de navegação, de solução de botões, ainda assim saberá o que está acontecendo.
problemas, de suporte e de marketing,, para citar Não se intimide com o vazio: crie espaços vazios úteis
apenas alguns dos contextos mais importantes. no seu app, eles podem significar muitas coisas, até artigo
celebração, como quando você completa uma lista
Primeiro de tudo, pense em seu app (ou no ser-
de tarefas. Tudo vai depender do contexto. Livro **Redação Estratégica
viço que você está oferecendo) como uma con-
para UX: Aumente engaja-
versa entre você (ou a sua organização) e as
Deixei para o final o que talvez seja o mais importante mento, conversão e retenção
pessoas que o utilizarão. É como se apps também
sempre: tente praticar a empatia. Procure se colocar com cada palavra**, de Torrey
contassem histórias, conduzindo quem os utili-
no lugar das pessoas que estarão participando dessa Podmajersky. São Paulo,
za por determinados caminhos, que podem ser
conversa ou ouvindo essa história. O que elas espe- Novatec Editora, 2019.
claros ou obscuros, prazerosos, frustrantes ou
ram? Com que tipo de linguagem elas se sentiriam
irritantes. A partir disso, desenvolva minimamente
melhor? E que tipo de linguagem melhor serviria Livro **Nicely Said: Writing
uma voz para o seu app (então varie o tom dessa
também a sua organização? Que sentimentos você for the Web with Style and
voz de acordo com o contexto ou momento em
deseja despertar nessas pessoas a cada etapa do Purpose**, de Nicole Fenton
que a comunicação acontece - provavelmente o
percurso? Pensar nessas coisas ajuda a determinar e Kate Kiefer Lee. Estados
tom será diferente no onboarding e nos termos
o vocabulário usado. Com isso você pode fazer uma Unidos, Peachpit Press, 2014.
de uso). Responda questões como: O que o meu
lista de termos usados com mais frequência (e com
app diria? E o que ele não diria? O meu app é
termos que não devem ser usados). Vídeo da WWDC 2022 intitu-
excitante e divertido? Ou é um app que precisa
lado “Writing for interfaces”:
transmitir segurança?
Tente escrever para todo mundo: use uma linguagem
Ao desenvolver uma tela específica, é preciso simplese pense em descrições claras e objetivas [Writing for interfaces -
pensar na coisa mais importante que o usuário para pessoas que usam leitor de tela. Lembre-se WWDC22 - Videos Apple
precisa saber naquele momento. Esse é o pro- que não usar gêneros específicos faz com que mais Developer](https://develo-
pósito daquela tela. Para expressá-lo, devemos pessoas se sintam à vontade para usar o seu app. per.apple.com/videos/play/
levar em conta a hierarquia da informação: como Pense também na responsividade dos elementos wwdc2022/10037/)
os elementos são ordenados para conduzir quem da sua interface no caso de necessidades ligadas à
está tendo a experiência pelo melhor caminho. localização (às vezes o texto em outra língua pode Episódio 8 do podcast
Ter o propósito da tela claro ajuda a determinar o ser bem maior do que na língua original). Em suma, *Design +*, intitulado
que manter e o que tirar dela, bem como a ordem pense com cuidado em toda a linguagem que você ”Amandine Agic & Camille
do que fica. Com muitos passos em um fluxo, é usar. Na dúvida, fica uma última dica: sempre leia Promérat - L’UX Writing:
preciso definir com clareza tanto o propósito seus textos em voz alta e se pergunte se o seu app quelle valeur ajoutée dans
do fluxo como um todo, quanto o propósito de ou produto estaria dizendo aquilo daquela forma votre process design”
cada passo, ou seja,cada tela. Essa clareza evita Pense também fora do seu app: naquele momento - isso ajuda a encontrar a lingua-
a criação de passos desnecessários. quando as pessoas o utilizarem, gem adequada.
elas estarão relaxados na cama
Quando você estiver escrevendo alertas, escreva ou apressadas no trânsito? O Deixo aqui algumas sugestões de material em três
textos que realmente ajudem as pessoas, e que app receberá toda a atenção línguas diferentes para você que quer aprender mais
sejam absolutamente claros. Alertas são interrup- delas ou ela deverá ser dividida sobre Design de Conteúdo, praticar outros idiomas e
ções no percurso, por isso devem ser extrema- ir além dos textos que encontramos por aí em certos
com outras tarefas?
mente úteis e claros. É bom sempre ser específico sites famosos (você sabe dos quais estou falando).
nas ações dos botões de alertas (evitar o simples Este material foi essencial para a produção deste
50 SANDBOX

Se eu puder resumir estava, fazendo mui- Mas, no fim de tudo

SARAH
meu projeto em algu- tos questionamentos isso, como se resumi-
mas palavras seriam: e coletando feedbacks ria o que é o aplicativo?
afetividade, tristeza, de melhoria, bem como O Beautiful Scars é um
amor e identidade. de coisas que davam ou jogo interativo de nar-
Sou uma das milha- não para serem feitas rativa que, através do
res de pessoas que através do código no Mandacaru, cacto sím-
sofre com ansiedade e período de tempo que bolo do nordeste bra-
depressão, acabando o aplicativo precisava sileiro, fala sobre como
sempre por externalizar ser entregue. a afetividade interfere
meus sentimentos de na vida das pesso-
forma prática e através as. Com o objetivo de
de desenhos. Logo, a mostrar como o amor,
única certeza que tive principalmente o amor
foi a de querer mostrar próprio, pode modifi-
algo que tivesse rela- car a vida, o jogo usa o
ção comigo, em que Por fim, tentei dar vida Mandacaru (carinhosa-
Se eu dissesse que eu pudesse mostrar aos meus assets colo- mente batizado de
tive plena certeza do um pouco do que sou cando tudo que estava Mandá, como referen-
que estava fazendo e como me sinto. Então sentindo na época do cia ao meu segundo
ao longo do processo, se eu pudesse dar uma processo de desen- nome “Madalena”)
tanto na pré escolha da dica seria essa, fazer volvimento do aplica- como uma analogia
ideia que eu iria sub- algo que converse com tivo, onde, coinciden- para ilustrar a forma
meter como durante o quem você é. temente, estava tendo pela qual lidamos com
momento da idealiza- crises de ansiedade os sentimentos. Você
PROCESSO ACADEMY

WWDC:
ção, estaria mentindo. Para por em prática e refletindo bastante deve coletar os cora-
Até hoje tenho escrito minha ideia, fiz uma sobre a importância ções partidos e usá-los
a ideia que tive e que espécie de mini versão da afetividade na vida para ver as dificuldades
coloquei no Notas do do CBL, onde colo- das pessoas, principal- pelas quais o Mandá

CAMINHO DA
iPhone durante um quei: minha ideia geral, mente da minha. Outras passou em diferen-
momento de insônia: alguns pontos princi- duas coisas que fizeram tes fases de sua vida,
“Ideia WWDC: um jogo pais que eu gostaria total diferença no meu sabendo os efeitos

IDEIA A IDEAÇÃO
sobre afeto de ter no meu aplica- processo foi ter come- negativos que a fal-
tivo, como eu imagi- çado a rascunhar como ta de afeto causa nas
Tem uma flor e dois nava que ele seria e fiz imaginava que seriam pessoas. Depois você
botões em formato de vários questionamen- os assets antes de sair deve coletar os cora-
coração, mas um é tos (Guiding Questions as datas da submissão ções cheios para ver o
TEXTO partido. A meta é dar e Guiding Activities). e não ter vergonha de que o amor e o afeto
SARAH MADALENA afeto suficiente para a Formulei e reformulei pedir ajuda para desco- causaram de bom na
MATEUS CALISTO flor viver feliz. Colocar como ficaria o aplicati- brir como fazer coisas vida de Mandá, mos-
MOYSES AZEVEDO uma introdução sobre vo, principalmente após que eu precisava por no trando os benefícios
DIAGRAMAÇÃO afeto pra contextualizar mostrar para várias meu aplicativo, mas que da afetividade.
LUCAS BAPTISTA comigo.” pessoas como ele não sabia fazer.
Empatia

MOYSES
me frustraria. Os dias isso chamam-se super Com base nas minhas possui uma paixão ou
passavam e nada vinha organismos. E acho que perguntas, traço um amor por trás. Então,
A empatia é parte
relacionado a qualquer minha jornada tornou- perfil que desejo atin- quando não acho algo
fundamental e mais
tema, o que me estres-
sava. Mas tinha uma
Com isso, -se muito especial com
esse ponto, pois toda a
importante para um
gir. Pretendo, por
exemplo, atingir uma
que me importe, bus-
co algo que odeie. Com
coisa que me ajudava pensei: minha história tem se
projeto, na minha opi-
nião. Ela é responsável
pessoa minimamente isso, tenho certeza de
a relaxar: andar com
“Como tornado extremamente
pelo significado e pelo
curiosa para ler o pri- que vou me conectar
CALISTO
seres tão
minha filha de quatro reflexiva sobre a impor- meiro parágrafo e com com o ódio em comum
ressignificado. O exem-
patas, a Malu. tância do trabalho em marra suficiente para de algum público.
Malu é uma cachorrinha pequenos
plo prático é como eu
grupo e da razão de se sentir desafiada Você que está lendo
escrevi este artigo. Fiz-
podem
dar pequenos passos pela primeira pergunta. recebeu alguma liga-
preta, grande, orelhu- me várias perguntas:
e se contentar com Essa é a pessoa que eu ção de algum bot que
pareça um pãozinho. incomodar
da, pernuda e talvez
a conquista deles. O Será que você vai acredito ter capacidade falava alô e desligava?!
Ela chegou de repente seres tão
ser é individual, mas o ganhar a próxima para ganhar a próxima Por que existe
que nos torna huma- WWDC? wwdc.
meu marido para uma maiores?”
quando me mudei com um bot que liga
nos é a capacidade de
Tento, através das per- aleatoriamente
construir comunida- Quem vai ler
nova casa, era filha guntas, realmente me para a gente e diz
des, além de desen- o meu artigo?
dele e agora minha conectar com um públi- alô e desliga?
volver sentimentos e
enteada. Cachorrinha Quem eu quero co específico, no caso,
crescimentos sociais Meu app explica a teo-
curiosa, comporta- realmente ajudar? com você, que chegou
que são extremamen- ria das variáveis aleató-
da, medrosa, mas que até aqui. Imagino, por
te ricos e valorizam rias e sua relação com
amava passear. Quando Uma pessoa exemplo, que você
aspectos da vivência, a função Gaussiana. como eu, só
podia, eu a levava para ainda está empolga-
da história. Desenhei, Ele usa recursos visu- que no passado?
passear num campo do por ter passado no
escrevi e montei todo ais para ajudar os usu-
de areia bem grande, processo seletivo do
um aplicativo para mos- ários a entender como Será que eu
onde moro. Ela, muito Academy e já deve ter
trar que somos como essa distribuição fun- realmente consigo
serelepe, adora chei- escrever o que eu ouvido falar do evento
as formigas e que só ciona, incluindo um
rar tudo, inclusive for- quero dizer? da WWDC, das premia-
Eu não tinha nada, e de conseguimos construir tabuleiro de Gauss
migueiros, e não seria ções, da possibilidade
repente, tudo. Graças nossa colônia, carregar interativo. Além disso,
diferente ao avistar um de visitar a sede oficial
Formiga? Como trazer nossos pesos e reali- ele relaciona a curva Pessoas diferentes
grande formigueiro que ao passeio com a de mim, que eu da Apple, ganhar o tão
esse pequeno inseto zar nossas atividades Gaussiana com a falácia
ficava no escanteio da Maluzinha, pude notar quero mostrar sonhado box com o Meu amigo, você sen-
para um desafio tão quando estamos em da meritocracia.
quadra. Um morro bem um grande trabalho em o meu ponto casaco e a carta dizen- te algum ódio disso?!
grande assim? sintonia e parceria com de vista?
alto, cheio de formigas grupo das formigas e Em um projeto é neces- do parabéns, você foi Amor, paixão e ódio
Então, ao iniciar as ins- consegui refletir no dia os mesmos. Podemos sário. Muitas HardSkills unem muitos cora-
que carregavam folhas um dos escolhidos.
crições, passei longos a formigas juntas dão fazer tudo sozinhos, só podem ser adquiri- Como este ções. Eu, por exemplo,
muito maiores que ela. Ódio
dias pensando: sobre passos minúsculos e mas quando temos das através de muito artigo pode ser trabalharia quase de
O resto dessa histó-
o que vou fazer? boas companhias, realmente útil? Normalmente ouvimos graça só para resolver
ria é conhecido: elas singulares, porém car- estudo, mas para a ide-
regam grandes folhas sejam elas parentesco ação não necessita de que o ódio é o con- esse problema. Eu até
Isso me sobrecarrega- picaram a Maluzinha Por que eu quero
e animais dezenas de sanguíneo ou não, eli- grandes coisas. No meu trário de amor, mas pagaria para alguém
va muito, pois pensava por estar cheirando e escrever este artigo?
vezes maiores que minamos a solidão e caso eu só usei empa- eu acredito que seja a resolvê-lo para mim.
que, se eu não escre- incomodando onde não
elas, tudo graças ao damos entrada ao pro- tia, ódio e imersão. apatia. Tudo que envol-
vesse algo conside- devia. Eu usei exatamente
trabalho em grupo; por gresso e a companhia. ve o ódio normalmente
rado vencedor, isso isso para idealizar meu
programa da WWDC. Eu estava
em uma época de utilizar mui-
to transporte público e ouvir
algumas pessoas falando sobre
meritocracia enquanto andavam
com o CARRÃO dado pelos seus
pais, me matava por dentro,
então tentei expor isso através
do meu app. Lá tentei demons-
trar através de estatísticas como
a meritocracia não faz sentido
em países com desigualdade
social. Eu basicamente desenhei
isso de forma interativa.
Imersão
Quando nos expomos a um novo
ambiente, nosso cérebro demo-
ra um tempo para criar novas
conexões. E é engraçado que
ele faz isso fisicamente através
de algo chamado neuroplasti-
sidade. Eu me aproprio muito
dessa capacidade. No primeiro
momento, eu mergulho em um
tema sem medo de não apren-
der, até me sentir saturado dele.
Eu passei, por exemplo, 4 dias
lendo e assistindo sobre merito-
cracia e assuntos relacionados.
Após isso, parei de pensar, e as
ideias mais legais apareciam no
meio do meu descanso. Não
pense que você não é capaz
de alguma coisa; acredite, para
fazer qualquer coisa, você só
precisa de tempo.
56 SANDBOX

DESIGN TUTORIAL

LEVELS ATÉ O
GOOD ENDING NO
DESENVOLVIMENTO LEVEL Missão: Organize sua sprint!

DE JOGOS
1
Para garantir a conclusão das tarefas, mesmo
diante de um grande volume de trabalho e uma
equipe com recursos limitados, é fundamental
ter um planejamento de sprints bem estruturado
com prazos realistas para cada tarefa. Você já
TEXTO ouviu falar do planejamento de sprint? Reúna
LETICIA DUTRA todos os membros da equipe e coloque em dis-
ILUSTRAÇÃO cussão o seguinte: qual é o resultado que preci-
LETICIA DUTRA samos alcançar e quanto podemos realizar em
ISADORA FONTENELE Missão: Organize sua party! uma semana? Se você desempenha o papel de
Product Owner, Project Manager, Scrum Master
Quando você decide criar um jogo, o primeiro ou outra função, é importante analisar e dialogar
passo é montar sua equipe. Isso vai facilitar com a equipe. Antes mesmo de iniciar a produção
bastante a organização do seu projeto, já que do jogo, é necessário criar a história, definir o tipo
cada membro terá suas responsabilidades espe- de jogo, os personagens, as mecânicas e outros
O desenvolvimento de jogos é como uma lon-
Glossário cíficas. Certifique-se de considerar os diferentes elementos, então pode ser apropriado reservar
ga e árdua jornada, você precisa enfrentar o
“departamentos” necessários para construir o uma “sprint 0” para se concentrar nessa etapa;
frio cortante, o deserto escaldante e a enorme
tasks: tarefas ou atividades que os jogo e distribuir os membros de sua equipe por exemplo, quando o entregável envolve ativi-
correnteza de tasks que lhe aguarda (metafori-
membros realizam. de acordo com a carga de trabalho de cada dades relacionadas ao design do jogo. A questão
camente, claro). Emocionante, como o próprio
área. Por exemplo, normalmente temos mais fundamental aqui é estabelecer um diálogo com
game que você pode desenvolver.
game: palavra ‘jogoʼ em inglês programadores, porque há muitas tarefas rela- a equipe responsável por cada tarefa e, de forma
Não se assuste com essa introdução dra- cionadas à programação durante todo o projeto. colaborativa, analisar o tempo necessário para que
levels: palavra ‘níveisʼ em inglês (no mática, desenvolver jogos é extremamente No entanto, isso não significa que haja poucas cada membro entregue as atividades requeridas.
texto, muito usado para se referir à divertido, e você vai entender melhor a árdua tarefas para os designers ou artistas; na verdade, Isso permite que todos tenham uma visão clara
níveis nos jogos) jornada no momento em que tiver que fazer há muito a ser feito, especialmente no início do dos passos seguintes e saibam quanto podem
um Sprint Planning. projeto, quando se discutem aspectos como a avançar no desenvolvimento.
Mas não tema! Esse texto tem a intenção de interface do jogo, que são os elementos que
guiar você pelos levels até chegar ao seu good irão persistir durante todo o desenvolvimento. Existem muitas ferramentas que você pode utilizar
ending na criação de um jogo, e utilizarei como Portanto, é importante não apenas distribuir bem para administrar as sprints, aposto que algumas
exemplo o processo de desenvolvimento do a equipe, mas também garantir uma distribuição você até já conhece! Mas mesmo assim, vou lis-
jogo “Totalitaire”. equitativa das tarefas durante as sprints para tar algumas que são minhas preferidas: Notion,
evitar sobrecarregar os membros. ClickUp e GitHub Projects.
Missão: Escolha a Engine e as
Linguagens!
LEVEL Missão: Forjando Épicas - Qual é a

2
sua história?

LEVEL
Neste estágio, é crucial escolher a engi-
ne que irá impulsionar seu jogo. A missão Nada cativa os jogadores como uma narrativa
envolvente. Comece criando o esqueleto da his-

UP!
aqui é avaliar as opções disponíveis, como
Unity, Unreal Engine, Godot, e decidir qual tória, incluindo o enredo principal, personagens-
se adequa melhor às necessidades do pro- -chave e principais pontos de virada. Considere
jeto. Além disso, defina as linguagens de o mundo do jogo e como ele se relaciona com a
programação que serão usadas para criar o história. Desenvolva personagens que tenham
jogo. A escolha certa da engine e linguagens objetivos e motivações claras, criando conflitos
pode afetar significativamente a eficiência que impulsionem a trama. Pense na estrutura
do desenvolvimento e a qualidade do jogo, do roteiro, como atos e arcos de personagens.
tanto que se for uma linguagem/engine nova Cada uma dessas missões Lembre-se de que uma história bem estruturada
para o time, o tempo de adaptação deve ser desempenha um papel vital não apenas entretém, mas também guia os joga-
crucial na organização de sprints! no desenvolvimento do jogo. A dores através do universo do jogo, mantendo-os
escolha da engine e linguagens intrigados e ansiosos por mais.
Missão: Documente, Documente, afeta diretamente a viabilidade Missão: Hora de craftar! (pixel à pixel)
Documente... técnica do projeto. A documen- Os sprites são os elementos visuais que darão
tação ajuda a garantir que todos vida ao seu jogo. Considerando a ambientação
A documentação é uma parte essencial do na equipe estejam na mesma (seja ela medieval, cyberpunk ou outra), é fun-
desenvolvimento de jogos. Sua missão é página e evita problemas de damental definir a estética visual. Considere as
criar documentos que descrevam detalha- comunicação. E a definição dimensões dos sprites para garantir que sejam
damente todos os aspectos do jogo. Isso de metas mantém o projeto no proporcionais e funcionais no contexto do jogo.
inclui documentos de design, documenta- caminho certo e permite que Isso é especialmente importante se você planeja
ção técnica, documentação de arte e muito todos saibam o que é esperado que os sprites interajam uns com os outros ou
mais. A documentação serve como um guia deles. Portanto, não subestime com o ambiente. Lembre-se de manter a con-
para a equipe e ajuda a evitar problemas de a importância de cumprir essas sistência visual para garantir que todos os ele-
comunicação e retrabalho. Certifique-se de missões no Level 1! mentos do jogo se encaixem harmoniosamente.
que todos os membros da equipe estejam
cientes da importância da documentação.
Missão: Escolha seus heróis!
O design de personagens vai muito além da apa-
Missão: Defina Metas Claras rência física. Desenvolva cada personagem com
profundidade, criando perfis que incluam sua
Para manter o projeto no caminho certo, é personalidade, história de fundo e motivações.
fundamental definir metas claras. Determine Pense em como cada personagem contribui
o que você deseja alcançar em cada fase do para a narrativa e como eles se relacionam entre
desenvolvimento. Estabeleça metas realistas si. Considere o papel deles no jogo, se são heróis,
para o lançamento do jogo, como datas de vilões ou personagens secundários. Um design
entrega de versões beta ou completas. As de personagens bem-sucedido não apenas
metas fornecem direção à equipe e ajudam torna os personagens visualmente atraentes,
a medir o progresso. Certifique-se de que mas também os torna cativantes e memoráveis
todas as metas sejam específicas, mensu- para os jogadores.
ráveis, alcançáveis, relevantes e temporais
(SMART).
Missão: Crie imersão através do Missão: Seja um contador de histórias!
som!
LEVEL

3
O som é uma parte essencial da experi- Para criar uma história de jogo cativante, mergu-
ência do jogo. Ao criar uma trilha sonora lhe nas profundezas do conhecimento. Estude
e efeitos sonoros, leve em consideração a aspectos políticos, atualidades, referências
atmosfera que deseja criar. A música e os históricas e científicas que podem enriquecer o
efeitos devem se adequar ao tom do jogo, arcabouço teórico da sua narrativa. Lembre-se

LEVEL
contribuindo para a imersão dos jogadores. de como a série “The Last of Us” da HBO Max
Além disso, pense na acessibilidade sonora, usou uma cena inicial que discutia a probabili-

UP!
incluindo legendas e opções de áudio para dade dos fungos consumirem a mente humana
jogadores com deficiência auditiva. O som para criar uma imersão arrepiante. Compreender
é uma poderosa ferramenta para evocar o contexto científico por trás disso é fundamen-
emoções e aprofundar a conexão dos joga- tal. Da mesma forma, considere cenas icônicas
dores com o jogo. como a de “Lucy” e “e se nós usássemos 100%
Missão: Guie através da Game UI! do nosso cérebro?” que deixam as pessoas
intrigadas até hoje. Criar narrativas convincentes
A interface do usuário é a ponte entre os
é essencial para a imersão e para se destacar
jogadores e o mundo do jogo. Projete a
Cada uma dessas missões é no mercado de jogos.
Game UI de forma intuitiva e atraente, garan-
fundamental para a construção
tindo que os jogadores possam navegar
de um jogo bem-sucedido. Ao Missão: O mundo nas suas mãos atra-
facilmente e compreender as informações
explorar o reino dos jogos, você vés do Level Design
apresentadas. Isso inclui a disposição de
estará moldando o universo que
menus, ícones, botões e barras de sta-
os jogadores explorarão, tor- O design de níveis é a espinha dorsal da joga-
tus. Lembre-se de que a Game UI deve
nando-o cativante e envolvente. bilidade. Sua missão aqui é criar ambientes
ser informativa, mas também discreta o
Dedique tempo e criatividade a cativantes e desafiadores. Planeje a progressão
suficiente para não distrair os jogadores da
esses aspectos, e você estará do jogo, estabeleça os objetivos dos níveis e
ação principal. Uma interface bem projetada
no caminho certo para criar uma pense nos elementos que manterão os joga-
melhora a experiência do jogador, tornando
experiência de jogo inesquecível. dores envolvidos. Considere a conexão entre
o jogo mais acessível e agradável.
os níveis e como eles se encaixam na narrativa
Missão: Tijolo a Tijolo, do Tile ao global. Lembre-se de que o level design é onde
Tileset! os jogadores passarão a maior parte do tempo,
Os cenários são o cenário onde a ação se então torne-o memorável e envolvente.
desenrola. Ao criar tiles e tilesets, pense
nos detalhes que tornarão o mundo do jogo Missão: Seja um Mestre, pesquise e
vívido e interativo. Considere as texturas, as reflita!
cores e a coesão visual entre os diferentes
elementos do cenário. Certifique-se de que A temática do jogo deve refletir o interesse e o
os tiles se encaixem de forma agradável, conhecimento da equipe. Explore outras reali-
permitindo a criação de ambientes varia- dades, compreenda experiências e dores para
dos e convincentes. A criação de cenários criar personagens mais autênticos e conexões
não é apenas sobre estética, mas também profundas com os jogadores. Pergunte-se: o
sobre como eles afetam a jogabilidade. Os que apaixona a equipe? Qual é a mensagem
cenários devem ser projetados de forma a que vocês desejam transmitir? Ao incorporar
apoiar a narrativa e proporcionar desafios temas que vocês entendem e abraçam, o jogo
interessantes para os jogadores. se tornará mais autêntico e impactante.
Missão: Mantenha as engrenagens 1. Instale o software: Se você ainda não possui
girando LEVEL

4
o Aseprite instalado, faça o download e a insta-
lação da ferramenta em seu computador. Não
A jogabilidade é o coração do seu jogo. Sua se preocupe, o programa é Open Source e você
missão é definir as mecânicas que tornam pode encontrar facilmente o tutorial de instala-
a experiência interativa e divertida. Pense ção no repositório do GitHub, mas recomendo
no ciclo de jogo: o que os jogadores farão fortemente que dêem apoio aos devs, sabemos

LEVEL
repetidamente e como isso os mantém bem como é, né?
engajados? Considere os desafios que os

UP!
jogadores enfrentarão e como as mecânicas 2. Crie um Novo Projeto: Abra o Aseprite e crie
afetam a narrativa e o progresso. Equilibre um novo projeto definindo o tamanho da tela (por
o desafio e a recompensa para criar uma exemplo, 32x32 pixels) e a paleta de cores que
experiência envolvente. você deseja utilizar, baseado em todo o estudo
que você já tem sobre o seu personagem.
Missão: Aprenda com os melhores!
3. Crie um Esboço: Comece com um esboço
Para entender a construção de um jogo do seu personagem. Use a ferramenta lápis
de sucesso, desmonte-o peça por peça. Agora que você absorveu os prin- para desenhar os contornos e as formas bási-
Analise a mecânica central do jogo, o ciclo cipais fundamentos para o desen- cas do personagem, no entanto, para ajudar à
de gameplay e o desafio que os jogado- volvimento do seu jogo, está na criar formas mais “certinhas” você pode utilizar
res enfrentam. Pergunte-se por que esse hora de colocar a teoria em práti- a ferramenta de pixel-perfect, deixando seus
jogo é tão atraente e como ele mantém os ca. Mãos à obra! E para começar, traços mais simétricos.
jogadores voltando. Ao desconstruir um que tal um tutorial simples sobre
jogo de referência, você aprenderá lições como criar um personagem em 4. Preenchimento de Cores
Cores: Com o esboço em
valiosas que podem ser aplicadas ao seu pixel art usando o Aseprite, uma vigor, preencha as áreas do personagem com as
próprio projeto. ferramenta excelente para essa cores apropriadas. Lembre-se de que, em pixel
tarefa? art, a precisão e o uso inteligente das cores são
Neste nível, você estará se aprofundando na essenciais, até mesmo porque os sprites são
criação da experiência de jogo, explorando bem pequenos, então um pontinho aqui e outro
a narrativa, o design de níveis, a temática, as ali pode fazer uma diferença considerável!
mecânicas e a análise de jogos de referência.
Cada missão é crucial para criar um jogo 5. Detalhes e Sombreamento: Adicione deta-
que seja envolvente, autêntico e memorável, lhes ao seu personagem, como olhos, roupas
deixando uma marca duradoura no mundo e acessórios. Use tons mais escuros para criar
dos jogos. sombras e dar profundidade ao personagem.
LEVEL
6. Animação Frame a Frame:

a. Frame Inicial (Idle): Crie o primeiro qua-


dro da animação, que será o estado “idle”
BÔNUS
Desenvolver jogos é uma jornada desafia-
do seu personagem. Mantenha-o em uma dora, e o sucesso de um time de desenvol-
posição neutra, como se o personagem vimento de jogos depende principalmente
estivesse parado. Certifique-se de que de uma gestão eficiente. Reconheça e
todas as características estejam alinhadas enfrente os obstáculos com determina-
e coerentes com o design. ção e saiba como engajar os membros da
equipe para manter o ritmo e a motivação
b. Frame Seguinte: Crie um novo quadro elevados. Lembre-se de que o processo de
para a animação, levemente deslocado do criação de jogos pode ser trabalhoso, mas
quadro inicial. No caso da Bellatrix, a prota- a recompensa de ver seu projeto ganhar E aí Se sente pronto para embarcar nes-
gonista do jogo Totalitaire, deslocamos um vida é incrível. sa emocionante aventura de desenvol-
pouco a posição dos braços e modificamos vimento de jogos Este guia foi apenas
as feições dela. Use o “onion skinning” do Além disso, considere a monetização como o começo, e o mundo dos jogos oferece
Aseprite para ver o quadro anterior como uma etapa importante. Existem diversas infinitas possibilidades para sua criati-
referência. maneiras de rentabilizar seu trabalho, desde vidade florescer. Lembre-se de que o
a venda de sprites e outros ativos até o lan- desenvolvimento de jogos é uma jornada
c. Repita o Processo: Continue criando çamento e comercialização do próprio jogo. repleta de desafios e recompensas. Com
quadros subsequentes, fazendo pequenos Explore oportunidades de negócios adicio- os fundamentos, dicas e ferramentas
ajustes a cada novo quadro para simular nais, como a criação de um site dedicado à sua disposição, você está equipado
uma animação suave. Pode ser uma leve ao seu jogo, para expandir sua presença no para criar experiências de jogo incrí-
oscilação ou uma animação de respiração, mercado e atrair mais jogadores. veis. Agarre a oportunidade, mergulhe
dependendo do personagem. de cabeça e comece a construir seu pró-
Não subestime a importância de avaliar os prio mundo interativo. Agora, a próxima
7. Exportação: Quando estiver satisfeito tipos de investimento necessários para o fase está em suas mãos Hasta la vista
com a animação, exporte-a em formato GIF. seu projeto. Isso inclui custos de exportação
Você pode fazer isso selecionando “File” > do jogo e outros recursos. Avalie os riscos e
“Save for Web” e escolhendo o formato GIF. viabilidades para tomar decisões informadas
Isso permitirá que você crie uma animação que ajudarão a manter seu projeto dentro
em loop para o personagem. do orçamento e prazo.

8. Crie um Repositório no GitHub: Para Lembre-se de que a prática é Lembre-se também de que não há proble-
manter seu trabalho documentado e com- fundamental para aprimorar suas ma em deixar algumas tarefas em standby,
partilhá-lo com sua equipe, crie um reposi- habilidades em pixel art e animação. desde que a equipe esteja entregando no
tório no GitHub. Faça o upload dos arquivos, Continue experimentando e refinando geral. Ao reconhecer os avanços da equipe
incluindo a animação GIF e quaisquer outros seu personagem e suas animações até e manter uma comunicação transparente,
recursos relacionados ao seu jogo. Isso faci- alcançar o resultado desejado. Divirta- você promove um ambiente de trabalho
litará a colaboração e o controle de versões. se e aproveite o processo criativo! saudável e produtivo, onde todos podem
contribuir para o sucesso do projeto.
66 SANDBOX

TEXTO
GESTÃO PROCESSO

DA VINCE E
YARA SAMPAIO
ILUSTRAÇÃO O Renascimento foi um movimento de impac- O que herdamos dos
SARAH MADALENA to cultural marcado pelo avanço científico, o profissionais renascentistas?

MICHELANGELO
florescimentos das artes e a exploração do
potencial humano que influenciou o desenvol- Além dessa abertura para inovação, o renas-
vimento da sociedade europeia e além. O legado cimento foi marcado também pelo surgimento
do Renascimento é evidente no cotidiano da de profissionais generalista, como Leonardo da

FALTARAM A SPRINT
sociedade contemporânea desde a apreciação Vinci e Michelangelo. Da Vinci, por exemplo, tinha
pela arte até a ênfase na busca do conhecimento abordagem multifacetada para o conhecimento e
e da inovação. influenciou o desenvolvimento de diversas áreas,

PLANNING: PORQUE
incluindo a tecnologia. O idealizador de Monalisa
Galeria de arte tech não se limitou a ser apenas um artista excepcional,
mas também um engenheiro, inventor, anatomista

O RENASCIMENTO
Paralelo a isso, podemos fazer uma alusão ao e cientista. Suas habilidades generalistas per-
avanço da tecnologia, que influenciou e ainda mitiram que ele explorasse diversas disciplinas
influencia a sociedade a nível global. Ela revo- e abordasse os problemas de maneira holística,

PRECEDEU A TECNOLOGIA
lucionou a forma como nos comunicamos, o muitas vezes encontrando soluções inovadoras
acesso a informações, os avanços na medicina, que transcendiam as barreiras convencionais do
sem falar, é claro, da maior façanha dos últimos seu tempo.
tempos: a inteligência artificial. Quem acusa dizer

CONTEMPORÂNEA
que esse feito não estaria nas galerias de artes
renascentistas? Leonardo da Vinci, polímata que
era, jamais perderia esse feito da engenharia.
Esse contexto nos faz pensar sobre a impor-
tância e a necessidade de profissionais mul-
tidisciplinares na área de tecnologia. Os
desafios tecnológicos atuais são comple-
xos e interdisciplinares, exigindo uma visão
ampla e a capacidade de conectar conheci-
mentos de diferentes campos. Profissionais
que possuem habilidades generalistas
podem abordar problemas de maneira mais
abrangente, identificar soluções criativas e
inovadoras, desempenhando um papel vital
na resolução dos desafios tecnológicos do
século XXI.

Programando novas
Capelas Sistinas

Além disso, a sinergia da squad também é


de grande relevância, isso porque, todos tra-
balham com um objetivo comum. Cabeças
pensantes de contextos diversos criam pro-
dutos esplêndidos, além de se ajudarem
durante o processo. Que tal um exemplo
exemplo prático? Imagine um cenário em
que você está em um time de engenharia
e não sabe se utiliza MVVM, MVC ou outra
arquitetura para aquele produto. Em um
papo com designers, enquanto eles discu-
tem sobre a importância da hierarquia de
informações assertiva, você têm um insight
de arquitetura perfeita para utilizar no proje-
to. Duvido que você perderá o café para dis-
cutir a fonte do protótipo quando tiver com
aquele bug. Um produto tecnológico que
provém de um time cooperativo pode ser um
obra de arte tão grandiosa quanto à Capela
Sistina, obra renascentista famosa que foi
projetada por diversos artistas renomados,
incluindo Michelangelo, Sandro Botticelli,
Pietro Perugino, Pinturicchio, Domenico
Ghirlandaio e outros.
70 SANDBOX

TEXTO
CÓDIGO TUTORIAL

DANÇANDO COM
THAYNARA ANDRADE
ILUSTRAÇÃO
LAIS BARBOSA

SWIFT UI:
REVISÃO
GABRIEL SANTIAGO
imp
t S or

CONHECENDO
wift
UI st
ruct MoveAni m a

t i onExamp
va

ANIMAÇÕES
r
bo
dy
:

le
ome

s
:
if is Vi
Show ew
{

View
ing
@S {
ta { V t ac
te S k {Bu
tto

T ex
n(

p r iv
(" T

" o
t
El at
em e

gg
en va
to r

le")
is
vi

Mov

{ withAnimatio

vel")

ing = fals
Conceitos Básicos das
e Animações no SwiftUI WITHANIMATION
n
va
r

O withAnimation é um modificador que envolve


Antes de começarmos a dançar com as anima- um bloco de código que realiza mudanças
ções no SwiftUI, é importante entender alguns de estado com animações. Isso permite que
conceitos fundamentais: você controle como as alterações de estado
As animações desempenham um papel vital na são animadas, definindo a duração e o tipo de
criação de interfaces de usuário mais atraentes. @STATE E @BINDING animação.
Elas podem ser usadas para transmitir informa- @State é uma propriedade observável que
ções, fornecer feedback e criar transições suaves permite que as alterações em seu valor UIVIEWREPRESENTABLE
entre telas, assim tornando seu aplicativo mais atualizem a exibição automaticamente. Isso Para animações mais complexas que não
atraente. Com o SwiftUI, o processo de criação de é fundamental para criar animações que podem ser alcançadas com as ferramentas
animações se tornou mais acessível, por possuir respondem a alterações de estado. @Binding internas do SwiftUI, você pode usar o
uma sintaxe declarativa e orientada a dados. Agora é uma extensão do @State que permite a UIViewRepresentable para incorporar
vamos embarcar nessa jornada para que possa- passagem do estado entre visualizações. componentes UIKit personalizados com
mos começar a incorporar animações em SwiftUI. animações nativas.
HORA DA Animação de
Escalonamento

PRÁTICA
swift swift
import SwiftUI Aqui, o @State é usado para ras- import SwiftUI
trear o estado de isScaled, que
Vamos explorar alguns struct FadeAnimationExample: View { determina o dimensionamento da struct ScaleAnimationExample: View {
exemplos de animações comuns @State private var isShowing = false imagem. Quando o botão “Toggle” @State private var isScaled = false
que podem ser facilmente é pressionado, a função withA-
implementadas em SwiftUI. nimation torna a transição suave.
var body: some View { var body: some View {
A imagem (o ícone de estrela)
VStack {
Animação de Transições
VStack {
é animada com scaleEffect,
Button(“Toggle”) { Button(“Toggle”) {
aumentando seu tamanho para
Neste exemplo, usamos o withAnimation { withAnimation {
2x quando o booleano isScaled
@State para rastrear o estado isShowing.toggle() for true. isScaled.toggle()
isShowing, que controla a } }
visibilidade do texto. Quando o } }
botão “Toggle” é pressionado, a if isShowing { Image(systemName: “star”)
função withAnimation é usada Text(“Elemento visível”) .font(.largeTitle)
para suavizar a transição de .transition(.opacity) .scaleEffect(isScaled ? 2.0 : 1.0)
isShowing. O texto é animado com
} }
.transition(.opacity), fazendo-o
} }
aparecer e desaparecer com um
} }
efeito de fade (opacidade).
}
Animação de Transição

Kaira
Neste exemplo, o estado de swift
`isMoving` é rastreado com import SwiftUI
`@State` para controlar o movimen-
to do círculo. A função `withAnima- struct MoveAnimationExample: View {
tion` é utilizada para criar uma ani- @State private var isMoving = false
mação suave durante a transição. A
var body: some View {
posição do círculo é alterada com
VStack {
o modificador `offset`, movendo-o
Button(“Toggle”) {
horizontalmente em 100 pontos
withAnimation {
quando `isMoving` for `true`.
isMoving.toggle()
}
}
Circle()
.frame(width: 50, height: 50)
.offset(x: isMoving ? 100 : 0, y: 0)
}
}
}

Embora essas animações tenham sido À medida que você explora, experimenta e
abordadas nesse artigo de forma isolada, implementa mais animações, você descobre
é comum combinar vários tipos de anima- que elas podem elevar significativamente a
ções para criar experiências de usuário qualidade e a usabilidade do seu aplicati-
mais complexas e dinâmicas. Além disso, vo. Portanto, não hesite em mergulhar mais
a documentação oficial da Apple sobre fundo no mundo das animações em SwiftUI
SwiftUI é uma fonte valiosa de informações e continuar aprimorando suas habilidades.
e exemplos detalhados para ajudá-lo a apri- Seja criativo e inovador em sua aborda-
morar suas habilidades de animação. gem, e suas animações podem se tornar um
diferencial significativo em seu projeto.

Você também pode gostar