Relatório de projeto

Resumo

rePraça é um projeto sobre a imaginação de espaços públicos no Rio de Janeiro.

A ideia surge da mistura entre a pesquisa sobre os espaços urbanos com o meu interesse pessoal sobre trabalhar a imaginação desses lugares. Com o foco em praças devido às suas características únicas, o trabalho se desenvolve na reimaginação desses locais pelos usuários por meio de uma plataforma virtual. Desse modo, é possível saber se as características daquele lugar atendem aos desejos da maioria e quais usos que as pessoas imaginam que diferem dos atuais.

Download do relatório em versão PDF

Sumário

Introdução

A proposta desse trabalho começa pela minha vontade pessoal: eu sempre tive muito interesse por cidades e pelas histórias por trás delas, e, ao longo do curso, esse interesse foi se fortalecendo. Pelos projetos desenvolvidos na faculdade, meu foco de trabalho foi sendo direcionado principalmente às inúmeras formas de interação que se dão entre as pessoas, a tecnologia e o cenário urbano. Assim, escolhi explorar mais essa interação para o meu último projeto na graduação, buscando me aprofundar nas possibilidades e reflexões que a tecnologia pode trazer aos centros.

Com isso em mente, comecei a pesquisar sobre projetos já existentes que utilizam meios virtuais para trazer soluções ao meio urbano. Os primeiros do tipo que eu encontrei foram serviços em que os cidadãos podem fiscalizar áreas da cidade e serviços prestados por órgãos públicos, como os aplicativos 1746, da Prefeitura do Rio de Janeiro, e o Colab.

O 1746 é o aplicativo oficial da Prefeitura do Rio de Janeiro e funciona como forma de comunicação oficial entre cidadãos e governo municipal. Nele, as pessoas podem fazer reclamações ou abrir solicitações sobre os mais diversos assuntos da cidade, como poda de árvores, remoção de entulhos, conserto de iluminação, fiscalização de estabelecimentos ou denúncias. O funcionamento é simples: o usuário acessa o site ou aplicativo, seleciona a categoria na qual deseja abrir um protocolo, descreve a situação e envia o pedido para o órgão público responsável, que irá responder e, talvez, solucionar a solicitação.

Já o Colab é um aplicativo que começou em Recife no ano de 2013 e se expandiu pelo Brasil, tendo como diferencial ser administrado por uma empresa privada que, para servir de ponte para as reclamações entre cidadãos e prefeituras, cria parcerias com os órgãos governamentais. O funcionamento segue uma linha similar ao do 1746, em que você pode selecionar uma categoria e realizar sua solicitação. Além disso, o aplicativo tenta criar um senso de comunidade, disponibilizando enquetes e conteúdos sobre cidadania para engajar os usuários.

Com esses dois exemplos, concluí que eles eram exatamente o que eu não estava interessado: plataformas para fiscalização, onde uma pessoa reclama e a prefeitura responde, finalizando toda a operação até que uma nova reclamação surja. Esses serviços, por mais que essenciais para o bom funcionamento das cidades, têm uma pegada muito curta e burocrática, enquanto que para esse projeto eu queria algo mais livre, criativo e que tivesse uma duração maior.

Outro exemplo que encontrei nas pesquisas, dessa vez na linha de algo um pouco mais criativo, foi o Fórum da ALERJ de Desenvolvimento do Rio, em que cidadãos e parlamentares podem discutir propostas e tópicos que talvez se transformem em ideias para legislação de todo o Estado do Rio de Janeiro. Entretanto, esse fórum ocorre no interior da Assembleia Legislativa, no centro da cidade, com trabalhos geralmente ocorrendo em horário comercial. Por mais que seja a casa representativa da população, a ALERJ não é um espaço muito aberto para os que não conhecem sua estrutura, portanto os debates do fórum acabam se fechando em pequenos grupos normalmente formados por especialistas e pessoas mais ligadas ao funcionalismo público.

Ainda durante essa linha de pesquisa inicial, feita para definir a temática do projeto, encontrei também o trabalho I Wish This Was, da artista Candy Chang na cidade de New Orleans, nos Estados Unidos.

Na instalação, a artista colou pequenos adesivos nos quais se lia "I Wish This Was" ("Eu queria que isso fosse", em português) seguido por um espaço em branco, onde as pessoas eram convidadas a escrever o que elas gostariam que existisse ali.

A obra foi criada depois que Chang reparou na quantidade de casas e estabelecimentos abandonados que ela via pelas ruas. Ela decidiu usar dos adesivos como uma maneira de incentivar a imaginação coletiva daqueles espaços, de modo a poder visualizar posteriormente o conjunto de pensamentos individuais de todos que participaram, como é possível ver na imagem acima.

No Brasil, uma ideia semelhante a essa foi a obra Liberte seus Sonhos, realizada na Lapa, no Rio de Janeiro, pela artista Gabriela Valente, que a define como "uma intervenção urbana de arte relacional que convida a comunidade e transeuntes a compartilhar seus sonhos em murais interativos e assim cocriar novos espaços de ser e estar". Nesse caso, a artista reparou em um muro de um prédio abandonado próximo ao local onde ela morava, e decidiu transformar aquela parede em um grande mural no qual as pessoas que ali passavam poderiam escrever seus sonhos usando giz de cera.

Por mais que nessa obra os sonhos não sejam específicos sobre o local, deixando a interpretação aberta para que escrevam sobre qualquer tipo de sonho que tenham, essa proposta se relaciona muito com a anterior pela ideia de convidar as pessoas a imaginarem algo e compartilhar isso com os outros, gerando também um grande painel em que é possível ver todas as individualidades juntas.

Definição do Tema

Se as plataformas de fiscalização da cidade eram o caminho que eu não queria seguir, a proposta de imaginar espaços públicos e ter a visão do conjunto das imaginações de cada pessoa me cativou muito. Além disso, trabalhar a imaginação com pessoas mais velhas é uma ótima oportunidade, pois o público adulto costuma ser mais apático, tendo uma tendência maior a apenas aceitar as coisas do jeito que são e seguir em frente. Trazer de volta essa capacidade de imaginação, que costuma ser muito atribuída ao público infantil e acaba se perdendo com o tempo, será essencial para qualquer proposta de intervenção na cidade.

Assim, juntando o interesse pessoal por cidades com a oportunidade de trabalhar a imaginação, vindo dos projetos similares, o tema do projeto foi definido como:

Incentivo à imaginação utilizando os espaços da cidade como cenário.

A ideia, portanto, é de incentivar a reflexão sobre o espaço com a quebra do esperado, daquilo que já existe no local. A imaginação extrapola a crítica pois ela não se restringe ao já existente; a proposta é que o usuário possa conceber novas estruturas, de pequeno ou médio porte, para a cidade.

Geração de Alternativas

Com o tema definido, comecei a pensar diferentes maneiras que poderiam abordar a imaginação nos nossos arredores. A primeira alternativa pensada foi construir uma plataforma colaborativa de sugestões e melhorias da cidade. A proposta era de elaborar um mapa em que as pessoas pudessem adicionar propostas baseadas em locais reais, junto de uma descrição que o usuário escreveria com apoio de um guia na plataforma. O principal problema dessa ideia foi que, por mais que as pessoas já vejam problemas na cidade no seu cotidiano, como quebrar a inércia e incentivá-las a participar da plataforma, sugerindo melhorias que talvez nunca se tornem realidade?

A proposta de projeto, então, começou a sofrer algumas mudanças. Primeiro, o foco, que anteriormente era apenas uma plataforma social, mudou para algo mais próximo de um jogo, pelo entendimento de que uma experiência gameficada traz elementos recompensadores que engajam mais os usuários do que uma rede social. Além disso, uma segunda leitura do tema do projeto me fez questionar que ele não tinha que ser sobre projetar algo para a cidade, mas também poderia ser algo apenas sobre ou na cidade. A imaginação pode ser sobre coisas tomadas como "úteis", que tenham um reflexo prático visto nas ruas, ou de coisas não tão importantes, em que a imaginação ocorre apenas por ela mesma, sem nenhum impacto no mundo real.

Nessa linha de raciocínio foram consideradas algumas novas alternativas, sendo elas:

Uma galeria pública de arte virtual, em que usuários poderiam projetar obras em 3D e instalá-las digitalmente no mundo real ao seu redor;

Um jogo simulador de cidade, em que o cenário surgiria a partir do mapa real daquele lugar e o jogador poderia editar os pontos próximos a ele;

Um jogo de modelo narrativo, em que os usuários controlariam times de personagens fictícios e batalhariam pelo controle de bairros da cidade.

Todas essas ideias trazem em comum a questão de que a imaginação pode apenas utilizar a cidade como cenário e não como sujeito ativo do processo, sem necessariamente trazer resultados ou possibilidades que solucionem problemas do cotidiano dos cidadãos.

Além disso, em todas as alternativas até aqui a intenção era trabalhar a imaginação em toda a cidade, sem uma restrição espacial específica. O problema, porém, é que a área contemplada pelos "espaços da cidade" é muito ampla, e isso dificultaria qualquer troca entre os usuários. Para que o processo de incentivo à imaginação possa acontecer da maneira mais potente possível, é muito importante que as ideias de um usuário sejam vistas, exploradas, comparadas e até editadas pelas demais pessoas, pois nessa interação entre o que cada um pensou é que o processo fica mais marcante. Entretanto, se o projeto ficar disperso por cada metro da cidade, a chance de dois usuários trabalharem o mesmo local se reduz muito, enfraquecendo as possibilidades de troca.

Assim, a última mudança de caminho do projeto foi a troca de foco geográfico, partindo de algo que abordasse a cidade inteira, sem restrições, para algo direcionado a alguns pontos específicos.

No livro Urbanismo Tático X Ações para Transformar Cidades, os autores definem as praças como "um espaço público de permanência e convivência". Essa característica desses lugares atende a questão do fortalecimento do processo de incentivo à imaginação com as trocas entre pessoas. Trabalhar um espaço que já seja coletivo e de convivência ajuda a fortalecer o caráter social do projeto, e o caráter social ajuda a fortalecer o processo imaginativo, pois expõe o usuário às ideias de dezenas de outras pessoas e não só às dele.

Por esse motivo, o cenário para esse projeto foi definido como as praças do Rio de Janeiro. Com o local definido, a alternativa escolhida foi de reprojetar praças da cidade em um ambiente virtual. A ideia é que o usuário tenha acesso a uma planta da praça selecionada e uma lista com todos os itens do mobiliário urbano da cidade, podendo projetar aquele espaço da maneira que quiser, compartilhando o resultado no final. Essa proposta atende a ideia de incentivar a imaginação, pois propõe que cidadãos possam reimaginar espaços públicos que, por muitas vezes, eles já conhecem e frequentam. Essa possibilidade de reprojetar o já conhecido incentiva a reflexão sobre o estado atual dos locais e também questiona que nem tudo precisa ser do jeito que é.

Similares

Por mais que a proposta aqui não seja construir um jogo, mas sim uma plataforma com elementos de um, é na linha de videogames que possibilitam a construção de mundos virtuais que a maioria dos similares desse conceito estão, com jogos que permitem a remodelagem de ambientes através de módulos, sendo um dos mais famosos o Minecraft. Nesse jogo, você controla um personagem em primeira pessoa que possui uma infinidade de blocos diferentes, podendo selecioná-los de uma espécie de "gaveta" para construir qualquer tipo de coisa que imaginar.

Minecraft segue bem a ideia de permitir que o jogador construa uma infinidade de coisas diferentes, porém fornece liberdade demais no espaço ao entregar o mundo inteiro para ser construído. Como a ideia do projeto é imaginar apenas a área de uma praça, o similar seguinte é o jogo The Sims.

Em The Sims, o jogador possui também uma vasta seleção de objetos e módulos para montar sua casa, mas precisa fazer isso dentro do espaço delimitado pelo terreno de sua residência e nada a mais. Essa ideia já se aproxima mais da proposta de projeto, pois a imaginação do jogador fica restrita ao tamanho do terreno que simula uma propriedade real.

Além desses dois, uma plataforma virtual baseada em ruas reais é o Streetmix.

O site possibilita que você escolha uma rua de verdade, selecione sua largura e imagine outro desenho viário para ela, podendo explorar outras formas de faixas de carro, faixas exclusivas de ônibus, bondes, jardins, ciclovias, espaço para pedestres, dentre outros

Por fim, um último similar é o jogo Townscaper, que segue uma linha mais criativa e menos atrelada ao mundo físico real.

Nesse jogo, você escolhe a cor do prédio e vai clicando livremente pela grid, construindo casinhas daquela cor. O que torna esse conceito interessante é a automatização do gameplay, pois dependendo de onde você constrói algo todo o entorno é moldado, criando arcos, pilares, caminhos e demais estruturas necessárias.

Essa possibilidade de o jogo controlar uma parcela do projeto é interessante para retirar parte da carga do jogador. No caso do projeto rePraça, um exemplo seria que o usuário adicione os itens e peças de mobiliário na praça enquanto a plataforma constrói, sozinha, os caminhos e áreas livres ao redor do que for adicionado.

Estudo de Praças

Com a alternativa escolhida e os similares analisados, o próximo passo foi me aprofundar em algumas praças da cidade e entender suas dinâmicas. Para isso, escolhi utilizar as metodologias abordadas no livro How to Study Public Life (Como Estudar a Vida Pública, em português), no qual os autores Jan Gehl e Birgitte Svarre abordam as características únicas da vida nas cidades e quais métodos utilizar para estudá-la. O ponto principal do livro é a importância do observar, ação definida como o "ato de olhar ou estudar algo com carinho e atenção, visando descobrir alguma coisa". Os autores defendem que é preciso aprender a observar, ir a campo e aprender algo mesmo com coisas que pareçam irrelevantes. Por mais que as coisas vistas nas cidades possam aparentar ser banais, é exatamente nessa banalidade que precisamos prestar atenção para ver como a vida se desenha nos espaços públicos.

Além da defesa de que humanos, e não máquinas, façam a coleta de informações, pois pessoas trazem muito mais do que apenas dados frios para análise, o livro utiliza 5 perguntas chave para começar a entender um contexto: quantas pessoas estão ali, quem frequenta tal espaço, onde os visitantes ficam, o que as pessoas fazem e quanto tempo os frequentadores permanecem. Na minha pesquisa eu não respondi precisamente a cada uma dessas perguntas, principalmente devido a falta de tempo para gerar esses dados com alguma precisão, mas mantive elas em mente para traçar um perfil geral de cada praça analisada.

Por fim, antes de escolher os espaços a serem estudados, é preciso ter em mente os diferentes tipos de praças que podem existir. Praças de alto fluxo, em regiões centrais da cidade e que hospedam estruturas de transporte, como estações de metrô e pontos de ônibus, possuem usos e desenhos muito diferentes de praças de bairro, em que o fluxo de passageiros não é tão intenso. Existem também outros tipos de praças e exceções nos tipos listados, como praças em ruas sem saída, que tem uma dinâmica muito única pela proteção do ambiente que elas se encontram.

Com a metodologia acertada, as praças foram escolhidas principalmente pela facilidade de acesso, mas também buscando alguma diversidade na categoria e tamanho dos espaços estudados. Finalmente, as praças escolhidas foram a Nossa Senhora da Paz, em Ipanema, Xavier de Brito, Barão de Corumbá e Gabriel Soares, todas na Tijuca.

A Praça Nossa Senhora da Paz fica bem no meio do bairro de Ipanema, zona sul do Rio, a dois quarteirões da lagoa e da praia, ao lado de ruas com diversas opções de comércio e restaurantes, além dos prédios de escritório e moradia. Foi totalmente reformada para a construção da estação de metrô de mesmo nome, tendo sido reinaugurada no meio de 2016, quando passou a receber também o fluxo de passageiros utilizando a estação.

A praça dispõe das principais estruturas de transporte. A rua Visconde de Pirajá atende o local com um corredor exclusivo para ônibus e as duas esquinas contam com acessos à estação de metrô. Bicicletários, estações de bicicleta de aluguel e vagas exclusivas para táxi complementam as opções de transporte oferecidas, além de uma boa disponibilidade de vagas para carros nas calçadas ao redor.

No lazer, as opções são igualmente completas. Para as crianças, existe um parque infantil com ampla variedade de brinquedos, todos extremamente bem cuidados. A praça é gradeada, então, por mais que o parque infantil não tenha uma cerca própria, ele passa boa sensação de segurança para as famílias e crianças no local. Além disso, foi possível reparar que algumas crianças brincavam fora do espaço do parquinho, inclusive com grupos de alunos uniformizados de escolas da região brincando nas áreas comuns e abertas do local.

No campo de atividades físicas, os visitantes têm acesso a uma estrutura de metal para ginástica e a uma Academia da Terceira Idade. Para o descanso, a praça dispõe de grande quantidade de bancos e mesas, espalhados por todo o espaço, ficando alguns em ambientes de sombra e outros no sol.

Nos dias que visitei, um dos lugares em que grande parte do público estava era no banco de concreto que ocupa toda a margem do laguinho existente na praça.

Por fim, a Praça Nossa Senhora da Paz também possui uma grande quantidade de monumentos, estátuas e placas comemorativas. O principal é um grande bloco de concreto em homenagem a um senador, mas também possui algumas placas contando a história de Ipanema, da santa que nomeia o local e uma escultura artística de duas crianças brincando no meio do lago.

Assim, a Praça Nossa Senhora da Paz é uma praça de bairro muito utilizada para lazer e descanso de quem mora na região, mas também muito frequentada por usuários das opções de transporte e turistas que passam por ali. A praça é grande, bem cuidada, dispõe de boa infraestrutura para todas as necessidades, inclusive áreas para crianças e para cachorros, além de uma grande área livre, onde ocorrem feiras, piqueniques e outros encontros e eventos.

A Praça Xavier de Brito fica no bairro da Tijuca, zona norte do Rio, na região da rua Uruguai com a avenida Maracanã. Fica em uma área majoritariamente residencial, com algumas opções de comércio e alimentação nas proximidades.

No campo dos transportes, a única opção localizada na praça é um ponto de táxi. Nas imediações existe uma estação de bicicleta de aluguel, que fica em um largo ao lado do local, no meio da avenida Maracanã. O ponto de ônibus mais próximo fica a quase dois quarteirões de distância, já a estação de metrô Uruguai fica a três quarteirões.

A Xavier de Brito não é gradeada como a Nossa Senhora da Paz, mas as estruturas principais de lazer são cercadas para garantir maior segurança aos frequentadores, sendo elas o parque para cachorros e o parquinho infantil.

O parcão, como é chamado o parque para cachorros, consiste de uma área relativamente grande e aberta, com alguns bancos de concreto para descanso dos donos e estruturas para os animais brincarem e se exercitarem, feitas principalmente de madeira. Os brinquedos são simples porém funcionais.

Nessa área me chamou muita atenção a intervenção dos frequentadores no espaço, principalmente nas árvores que ficam dentro do parque. Pelo tempo que as pessoas ficam ali e pela necessidade de cuidar dos animais, dando água, comida e limpando fezes, as pessoas acabaram adaptando os troncos e galhos como suportes para guardar as mochilas e oferecer sacolas plásticas para quem puder precisar.

No parque infantil, os brinquedos são em maioria feitos de metal, o que, segundo Bitiz Aflallo, designer e Doutora em Planejamento Urbanismo, não é a escolha mais adequada para uma cidade como o Rio de Janeiro, pois o metal esquenta e torna o mobiliário difícil de ser utilizado. Aqui, porém, isso não parece ser um problema muito grande, pois a cobertura de árvores proporciona uma grande área de sombra que, aparentemente, impede que os brinquedos fiquem muito quentes.

Além do parquinho, a praça tem também um Teatro de Bonecos, que foi reinaugurado no início de 2022 e oferece espetáculos gratuitos nos fins de semana pela manhã.

Para as atividades físicas, existe uma Academia da Terceira Idade (ATI) e a praça recebe algumas atividades de esporte e ginástica, como aulas de Boxe Olímpico amador, oferecidas pelo Governo do Estado através do programa Esporte Presente. Além disso, durante minha visita percebi que uma aula de alongamento, frequentada principalmente por idosos, utilizava da estrutura de metal ao redor da cerca do parquinho infantil para os alunos realizarem os exercícios físicos propostos.

Ainda nos esportes, a parte mais mal cuidada da Praça Xavier de Brito é a quadra de bocha, que pela quantidade de sujeira e plantas crescendo parece estar sem uso ou manutenção há algum tempo.

Já no lazer, a praça possui alguns bancos diferentes, feitos com toras que imagino serem vindas de reaproveitamento de madeira, contribuindo para um diferenciamento do visual da praça. Também são encontrados bancos comuns, feitos com tábuas de madeira, mesas de mosaico com bancos de concreto e um telhado cobrindo algumas mesas para abrigar os frequentadores das condições climáticas.

Um uso inesperado do espaço foi o grupo abaixo, que trouxe para a praça algumas cadeiras de praia mesmo que o local já disponha de diversos banquinhos para sentar. Dessa cena, imagino que os possíveis motivos para essa situação sejam conforto, pois as cadeiras de praia tem o apoio para as costas que faltam nos bancos de concreto, e proximidade entre eles, pois a maioria das mesas ficam afastadas uma das outras, e eles provavelmente queriam ficar próximos.

A praça tem apenas dois monumentos, sendo eles um busto em homenagem ao coronel que dá nome ao local e um grande chafariz que ocupa o centro da praça. Por motivos desconhecidos, o busto do coronel vestia uma blusa no dia da minha visita.

Por fim, uma das coisas que mais me chamou atenção na praça foram os banheiros públicos existentes no local. Interditados e sem funcionar há muitos anos, reparei que algumas pessoas entravam em uma parte do jardim logo atrás deles exatamente para urinar. Esse uso do local já é tão marcado que o jardim chega a ter um clarão sem grama, apenas terra, no ponto em que as pessoas urinam, conforme é possível ver na imagem da direita.

Esse uso se dá, em parte, graças à proteção visual que os próprios banheiros interditados proporcionam, junto da cobertura vegetal nos outros lados e um fácil acesso graças a um pequeno caminho de pedras que passa por ali. No esquema abaixo é possível reparar melhor a disposição dos elementos na cena.

Por mais que essa improvisação possa parecer irrelevante, ou apenas uma certa nojeira presente no local, foi essa descoberta que fez eu perceber que não fazia muito sentido iniciar o projeto de reimaginação dos locais com praças grandes e já muito usadas. Na Praça Xavier de Brito foi possível encontrar uma série de adaptações feitas pelos frequentadores, como a disposição de mochilas e sacos plásticos nas árvores do parcão, uso das grades para aulas de alongamento, brincadeiras como o busto vestindo uma camisa e até mesmo um banheiro improvisado para contornar a interdição do banheiro oficial. Se a praça já é tão adaptada assim às necessidades e aos desejos dos frequentadores, me questionei qual abertura teria para reimaginar aquele local, e se no fim o mapa imaginado não ficaria muito próximo do mapa atual, apenas oficializando as adaptações feitas.

Por isso, para as duas praças seguintes a serem visitadas, decidi ir em locais menores e sem muito uso.

A Praça Barão de Corumbá, também na Tijuca, ocupa o espaço de uma rotatória no cruzamento entre as ruas Andrade Neves e Visconde de Cabo Frio. Localizada em uma área totalmente residencial, ela fica em frente à Igreja Batista Itacuruçá e ao acesso secundário do Colégio Batista.

No campo de transportes, a praça não tem nenhuma estrutura presente nela. Uma linha de ônibus intermunicipal passa pela rua Andrade Neves, tendo ponto a um quarteirão de distância, e a estação de metrô Uruguai fica a dois quarteirões.

A praça não possui nenhuma estrutura de lazer. Todos os equipamentos disponíveis no local são duas mesas de mosaico, dois bancos de madeira e um banco comprido de concreto. Além disso, apenas uma lixeira e alguns postes complementam a paisagem junto da vegetação.

No dia que eu tirei as fotos a praça estava vazia, mas em outros momentos pude ver algumas pessoas utilizando seu espaço. O primeiro caso foi de pessoas se alongando no local. Isso se dá principalmente pois a rotatória fica em uma das quinas de um conjunto de ruas muito utilizado para corridas e caminhada de quem mora por ali, conforme é possível ver no esquema abaixo:

Por ficar bem em uma das esquinas da rota de caminhada, algumas pessoas, mas não muitas, utilizam ela como início e fim da corrida, se alongando e descansando nos seus poucos bancos.

Além da corrida e alongamento, também encontrei mães com carrinhos de bebê, aproveitando a proximidade da praça para pegar um pouco de sol e ar livre. Nesse caso, existe uma curiosidade: já existiu um berçário bem no meio do local, onde atualmente fica uma das mesas de mosaico, conforme é possível ver na imagem do blog Tijuca-RJ, exposta abaixo. Usando o histórico de imagens do Google Street View, é possível estimar que o berçário foi removido entre janeiro e novembro de 2015.

As únicas duas outras coisas na praça, além das estruturas já citadas, são um poste para ventilação de galerias subterrâneas e uma pedra que exibia uma placa em homenagem a remodelação da praça, ocorrida em 1965, mas que aparenta ter sido furtada.

Assim, a Praça Barão de Corumbá é completamente diferente das duas praças vistas até agora. De tamanho reduzido, sem nenhuma estrutura de transporte ou comércio nem nenhum atrativo de lazer, a praça é um espaço vazio em uma área residencial, onde alguns moradores da região a utilizam como área de descanso ou exercício, mas sem nenhum uso marcante ou especial. A percepção de potencial desperdiçado da praça pode ser encontrada também nas avaliações dela no Google Maps, no qual os usuários comentam sobre o potencial desperdiçado do espaço.

A última praça a ser analisada foi a Gabriel Soares, novamente na Tijuca. Essa praça fica a apenas 5 minutos de caminhada da anterior, em uma área igualmente residencial, porém os arredores contam com restaurante e comércio, o acesso principal do Colégio Batista e, próximo dali, um Centro Municipal de Saúde, na rua Desembargador Izidro.

No campo de transportes essa praça também é mais bem servida, pois ela dispõe do ponto final do ônibus 409, dois pontos de táxi e um bicicletário, além de também estar a dois quarteirões de distância da estação de metrô Uruguai.

Para o lazer, não existem muitos brinquedos para crianças na praça, mas ela tem dois balanços e uma gangorra. Os brinquedos são construídos de madeira com estrutura em metal, simples e bem cuidados. Pude ver algumas crianças brincando neles enquanto observava o lugar.

Por mais que não tenha nenhuma estrutura planejada especificamente para cachorros, havia uma grande quantidade de pessoas passeando com seus cães no local, sentando nos bancos para descansar ou andando pelos jardins.

Existem alguns aparelhos simples de ginástica para a prática de exercícios físicos. Construídos em metal e madeira, eles são parecidos com os brinquedos infantis em quantidade e construção. Aqui são encontrados apenas os aparelhos dessa linha mais básica, sem os equipamentos das Academias da Terceira Idade.

Na área de descanso, a praça oferece menor diversidade nas opções do que os outros espaços analisados até agora. Na Praça Gabriel Soares só são encontrados bancos de concreto e mesas de mosaico, ambos formatos de estrutura mais desconfortáveis por não terem descanso para as costas. Os bancos de madeira, com apoio para coluna, não são encontrados por aqui.

Por fim, o lugar não possui nenhuma estátua, escultura ou homenagem. Assim, a Praça Gabriel Soares se apresenta como uma praça simples, relativamente protegida do fluxo de carros pela sua vegetação, mas sem nenhum grande diferencial. Nos dias de semana serve como ponto de lazer e descanso para algumas pessoas e famílias que passam por ali, enquanto nos fins de semana os espaços vazios são ocupados pela feira, que traz um aumento considerável de movimento para o local.

Ao fim desse estudo sobre as quatro praças analisadas, foi decidido que, para o escopo desse projeto, eu deveria escolher apenas uma para ser trabalhada, testando a ideia de imaginação ao redor dela, mas mantendo em mente as possibilidades para a expansão do projeto para as demais praças da cidade no futuro.

Para facilitar a comparação, alguns dos dados obtidos, características do entorno e observações foram anotados em uma planilha, que pode ser acessada neste link.

Com os dados em mãos e analisando as informações obtidas durante minhas observações, optei por trabalhar a Praça Barão de Corumbá no presente projeto. Um fator importante foi a proximidade do lugar com onde eu moro, pois isso tornará mais fácil o retorno à praça durante os estudos, mas o principal motivo foi a falta de uso da praça no seu estado atual. Ao trabalhar a ideia de reativação de um espaço público com baixo uso, o projeto se aproxima das ideias de ativação de espaços do urbanismo tático, potencializando ainda mais as possibilidades do projeto naquele ambiente. Além disso, o tamanho reduzido da Barão de Corumbá facilita os experimentos e testes a serem realizados, pois reduz um pouco a complexidade das imaginações possíveis. Por fim, o potencial da praça ser melhor do que ela atualmente é, reforçada pelos próprios moradores nas análises do Google Maps, mostra que já existe uma vontade de repensar aquele ambiente e os usos que ele recebe.

Mobiliário Urbano

Em paralelo ao estudo das praças foi feito também um catalogamento das peças de mobiliário urbano que eram encontradas nos locais. Esse catálogo foi desenvolvido a partir da fotografia realizada de itens e objetos encontrados nas praças, que foram então agrupados de acordo com suas similaridades. O arquivo completo, com todas as fotos, categorias e anotações da minha pesquisa estão disponíveis no Figma e podem ser acessadas por meio deste link.

Essa parte da pesquisa é essencial pois, para imaginar as praças, os usuários serão convidados a projetar os espaços utilizando módulos com o mobiliário do jeito que desejarem. Logo, é crucial que a plataforma disponibilize todas as peças que são comuns de serem vistas nas ruas do Rio de Janeiro.

Além disso, é importante ressaltar que alguns itens possuem um ou mais estilos, seja por terem passado por mudanças ao longo do tempo, seja por possuírem visuais diferentes dependendo do ambiente que se encontram. A Dra. Bitiz Aflallo comenta na palestra "Mobiliário Urbano: Tipos e questões envolvidas e suas interações na cidade" sobre a importância do desenho se adequar ao contexto em que se encontra. Como exemplo, os balizadores nas ruas históricas do Catete tem um desenho tradicional, enquanto que os mesmos objetos no Leblon possuem traços muito mais modernos. Por isso, uma praça histórica precisa ofertar objetos que se adequem ao seu contexto, e a mesma coisa para uma praça moderna.

Finalmente, a categorização desenvolvida do mobiliário urbano possui oito tópicos:

Infantil – Brinquedos e itens de parquinho para crianças

Atividades físicas – Aparelhos de ginástica e Academias da Terceira Idade

Infraestrutura – Lixeiras, postes, sinalização, relógios, etc.

Paisagem e Jardins – Vegetação, jardins, caminhos e monumentos

Lazer e Descanso – Mesas e bancos para descanso

Animais de estimação – Parque para cachorros e estruturas para animais

Transporte – Bicicletário, bicicleta de aluguel, ponto de táxi e ônibus, metrô

Comércio – Banca de jornal, vendedor de flores, pipoca, churros, etc.

Fluxograma e Wireframe

Com a Praça Barão de Corumbá escolhida e a categorização do mobiliário realizada, o passo seguinte foi o desenvolvimento da solução. Relembrando, a ideia do projeto é possibilitar a imaginação de praças da cidade por meio de uma plataforma virtual, no qual o usuário teria acesso a uma planta do local escolhido junto da lista de itens de mobiliário urbano e poderia movê-los livremente pelo espaço, montando a praça do jeito que imaginar.

Para representar o funcionamento do aplicativo, foi feito o fluxograma abaixo mostrando os principais momentos de interação do usuário com a plataforma. Ele pode ser acessado por esse link.

O fluxo começa na tela inicial, que possibilita que o usuário vá para a tela de configurações, onde estão alguns ajustes da plataforma e informações legais, a lista de praças salvas, onde ficam todas as praças já editadas pelo usuário anteriormente, e a opção para selecionar uma praça nova.

Ao escolher selecionar uma nova praça, a pessoa é levada para uma tela com uma ficha de informações sobre o local, para que ela compreenda um pouco melhor sobre como é aquele lugar atualmente e quais usos ele recebe antes de começar o processo de reimaginação. Os detalhes presentes na ficha são o nome da praça escolhida, o bairro em que ela fica, fotografias do local e uma breve descrição, que deve abordar tópicos como se ela fica numa área residencial ou comercial, se é mais usada como lazer ou transporte, e quaisquer detalhes que sejam importantes.

Depois disso, é chegada a hora de editar a praça, parte em que estão disponíveis os itens do mobiliário urbano nas categorias definidas no capítulo anterior. As opções que o usuário tem são de adicionar, mover ou remover essas peças, sendo que cada item possui uma ficha de informações para aprender mais sobre o objeto.

Por exemplo, na categoria "Infantil" o usuário seleciona o item "Escorrega", e dentro dele encontra as opções de madeira, plástico ou metal. Na ficha do objeto é possível ler as especificações de cada possibilidade e tirar conclusões a partir dela, como a diferença do conforto térmico, que será muito baixo caso a opção de metal seja escolhida, pois esse material esquenta muito.

No futuro, fora do escopo desta disciplina, também é uma possibilidade que a ficha inclua um botão para visualizar o objeto desejado em realidade aumentada. Essa opção vai aumentar a relação do usuário com o item que ele escolher, permitindo que se obtenha uma melhor noção de suas dimensões e até mesmo visualizar o objeto na praça real, caso o usuário esteja presente fisicamente no lugar.

Após as edições realizadas, o usuário pode salvar a praça para se ele quiser retornar posteriormente para a edição antes de compartilhar o resultado.

A última etapa é o compartilhamento do seu resultado. Aqui é feita uma captura de tela da sua praça e ela é compartilhada diretamente em um feed dentro do aplicativo, no qual todas as praças imaginadas podem ser vistas em conjunto. Dessa forma, é possível comparar as imaginações individuais, vendo quais objetos todos utilizaram e quais que foram usados pouquíssimas vezes. Desse modo, se a maioria imaginou mais áreas de lazer, por exemplo, é possível inferir que essa é uma necessidade do local e que, em uma possível reforma, um aumento nas áreas de lazer seria bem-vindo.

Por fim, como a ideia é de algo colaborativo, é possível também gerar clones das praças de outras pessoas, aproveitando do projeto delas como base e ir alterando por cima. Os clones ficam salvos em uma espécie de "linha do tempo", em que é possível ver todas as praças anteriores àquela, permitindo ver o histórico dos clones e das alterações realizadas. Esse funcionamento se assemelha muito a ideia dos forks em sites de código colaborativo, como o Github e Open Processing.

Desenvolvimento

Agora que os principais pontos do sistema já estavam definidos no fluxograma, foi dado início ao desenvolvimento efetivo da plataforma. Por se tratar de um aplicativo para dispositivos móveis, existiam duas principais opções para qual seria a entrega final desse projeto: um protótipo interativo ou um aplicativo efetivamente desenvolvido.

O protótipo seria realizado em uma plataforma própria para isso, como o Figma, o que tornaria mais fácil trabalhar e refinar detalhes como a interface e o fluxo geral do sistema. Entretanto, uma plataforma de prototipagem permite apenas simular o aplicativo, não sendo possível que o usuário interaja com os objetos de maneira livre. Isto é, caso eu tivesse escolhido realizar um protótipo, a plataforma permitiria apenas simular o ato de posicionar objetos no mapa, fazendo com que os usuários só pudessem adicionar itens nos exatos locais que eu tivesse definido no Figma e não movê-los livremente como eu gostaria.

Esse foi o principal motivo de fazer com que a segunda opção, de efetivamente desenvolver o aplicativo, tenha sido escolhida. Foi definido que o desenvolvimento iria ocorrer na plataforma Unity devido a uma familiaridade que eu já tinha com a engine graças a experiência adquirida em outras disciplinas, além da alta quantidade de tutoriais e guias disponíveis para ela na internet.

Além disso, defini que todo o código e planejamento do desenvolvimento do aplicativo seria hospedado no Github, em um repositório que pode ser acessado por esse link. A hospedagem aberta e online do código facilita o compartilhamento do projeto com colegas, orientadores e aqueles que puderem ter interesse na plataforma ou em colaborar com seu desenvolvimento. O Github também se destaca por possuir abas como Issues, em que é possível salvar os próximos passos e o que está sendo desenvolvido no projeto, organizando-os em um Project.

Já no desenvolvimento em si, o primeiro problema encontrado foi que, por mais que eu já tivesse uma familiaridade com Unity e com conceitos gerais de programação, era só isso mesmo que eu tinha: uma facilidade de entender e seguir tutoriais, fazendo alguns ajustes no código para alcançar o resultado que eu desejasse. Escrever um código do zero, criando meus próprios conceitos e parâmetros, ainda é um pouco além dos meus conhecimentos de desenvolvimento nessa área. Eu tinha o desafio, então, de desenvolver um programa de considerável complexidade sem possuir muito conhecimento de programação ou da plataforma. A solução encontrada veio justamente de um tipo de jogo que, à primeira vista, parecia bastante diferente do que era buscado para esse projeto: os Tower Defense.

Tower Defense é uma categoria em que o jogador precisa posicionar várias torres no mapa, que então atiram nos inimigos enquanto eles seguem um caminho pré-definido tentando a todo custo atravessar o armamento posicionado. Por mais que a temática de guerra seja muito diferente do proposto aqui, a base do gameplay é bem similar: ambos os jogos possuem um mapa e itens que você deve posicionar nele. O plano para contornar minha falta de conhecimento técnico para programar esse projeto foi então utilizar tutoriais gratuitos de Tower Defense disponíveis na internet e modificá-los, colocando os itens de mobiliário urbano no lugar das armas e o mapa das praças no lugar de um campo de batalha.

Com a definição de como o desenvolvimento seria iniciado, realizei um planejamento que dividia o projeto em 5 categorias principais que pode ser acessado neste link.

A categoria número zero reúne os tópicos ligados a documentação do projeto, como a escrita desse relatório. Já as outras quatro dividem o projeto em dois momentos principais: o de validação, com o protótipo primário do aplicativo e a testagem com diversas pessoas, e o de refino, em que ajustes serão feitos e a plataforma finalizada para o fim do curso.

Para melhorar a organização narrativa, a partir daqui o capítulo de desenvolvimento foi dividido em momentos chave, cada um separado em subtópicos. Essa organização ajuda a marcar o objetivo de cada momento do desenvolvimento da plataforma, já que foram realizadas tarefas de diversas áreas ao mesmo tempo, como programação, modelagem 3D, testes, interface do usuário, e outros. Cada momento possui um objetivo específico e, dentro deles, os tópicos separam quais áreas foram trabalhadas para atingir as metas.

Busca pelo tutorial certo

Com a ideia de seguir um tutorial de Tower Defense, o primeiro considerado foi a cena de exemplo da própria Unity, usada pela empresa para mostrar do que a game engine é capaz. Esse template, por ser usado pela própria empresa como caso ideal, é complexo demais, pois apresenta efeitos e mecânicas muito elaboradas e que tornariam muito difícil polir e reduzir para usar nesse projeto.

Encontrei então, nas minhas pesquisas, um tutorial que prometia ser ainda melhor do que os de Tower Defense: um guia para programar um simples construtor de cidades no Unity. Comecei a acompanhar então a série de vídeos do canal Sunny Valley Studios, porém esse guia também acabou sendo deixado de lado pela maneira como o código ia sendo construído. O tutorial utilizava muitas fórmulas matemáticas, se valendo demasiadamente de contas e cálculos fora do meu nível de compreensão para cumprir as tarefas básicas. Sem entender o código não seria possível editá-lo posteriormente, então voltei para a busca por um novo tutorial na internet.

Foi aí que encontrei os vídeos How to make a Tower Defense in Unity (2021) do canal Rytech. Esse vídeo possuía uma vantagem grande em relação aos outros dois, que era a maneira livre pelo qual os objetos eram posicionados no mapa, sem o uso de um grid de quadradinhos fixos, que reduziria as possibilidades de posicionamento. Além disso, o código é escrito de uma maneira que, pessoalmente, eu achei muito mais fácil de compreender, o que possibilita a edição de trechos no futuro para transformar esse Tower Defense no editor de praças desejado.

Depois de alguns dias, o tutorial foi concluído. Eu segui todos os pedaços sobre a edição e posicionamento de itens no mapa, ignorando os vídeos sobre armas, inimigos e combate, já que esses não são importantes para o projeto. Cheguei então a uma etapa em que era possível mover a câmera pelo ambiente e posicionar os itens em qualquer lugar disponível do mapa, bloqueando o posicionamento sobre os caminhos ou sobre outros objetos colocados anteriormente. O projeto pode ser visto no vídeo a seguir:

Com a interação base funcionando em um cenário fictício, o desenvolvimento partiu então para o uso do cenário real, a praça Barão de Corumbá. Para isso, foi utilizada a primeira metade do tutorial em vídeo Create any City in Blender in 20 Minutes, do canal CG Geek. Assim, foi gerado um clone do relevo e de alguns prédios da região selecionada utilizando os dados do Open Street Map e de serviços como o Mapbox. Alguns dos problemas foram a ausência de prédios, deixando vazios no mapa, e a geometria muito simples, com erros na altura, das construções existentes. Esse ponto do desenvolvimento pode ser visto no vídeo a seguir:

Com a praça real e a mecânica de posicionar objetos funcionando, o tutorial parecia promissor. Entretanto, ele trabalhava apenas a movimentação e posicionamento dos objetos no cenário e nada além disso, o que, com o andamento do desenvolvimento, percebi que seria um problema. Havia uma série de funções que a plataforma precisaria ter, como mover ou deletar um objeto já posicionado, rotacionar os elementos, movimentação da câmera, dentre outras questões, e tudo isso teria que ser feito a parte do guia original. Foi aí que encontrei, ao acaso, um diferente tutorial que cobria todas essas questões e ainda adicionava outras: o vídeo How to make a simple BUILDING SYSTEM in Unity C#! do canal Ludorem Studios.

Ao concluir a série de três tutoriais, eu possuía uma cópia exata do projeto desenvolvido no guia virtual. Nele é possível adicionar e mover os objetos, selecionar aqueles já posicionados, ação que marca o item com uma linha branca ao redor dele, e rotacionar os itens ao editá-los.

Ida à praça e modelagem de objetos

Seguindo os mesmos passos do tutorial anterior, o passo seguinte foi modificar o cenário do jogo para o mapa da praça real.

Além disso, a interface também foi adaptada para telas touch-screen. Antes as ações de posicionar e rotacionar os objetos eram realizadas ao apertar a tecla "P" e "R", respectivamente, no teclado. Agora, foram adicionados dois botões no canto inferior direito da tela para cumprir essa função em celulares.

Com a versão instalada no celular, conforme é possível ver no vídeo a seguir, foi possível perceber já um primeiro problema na movimentação da câmera. No computador, o programa usava o ponteiro do mouse para mover o posicionamento do objeto e o mouse pressionado para mover a câmera. Em uma tela de toque não existe a diferenciação entre os status do mouse em hover e pressionado, então mover um objeto movia também a câmera, tornando a experiência um tanto confusa.

Com as principais mecânicas já programadas e a praça real de cenário, era hora então de trabalhar nos modelos tridimensionais do mobiliário urbano. Para isso, foi utilizado o programa Blender, onde realizei a construção de uma gangorra simples para testar a modelagem e como seria o funcionamento do modelo no Unity.

O primeiro aprendizado desse processo veio logo ao exportar o arquivo 3D para o cenário da praça: eu não havia prestado atenção nas medidas e tamanho do objeto. Desse modo, a gangorra, que no Blender parecia estar certa, no Unity media aproximadamente 7 metros de comprimento, um pouco maior que o desejado.

Além das dimensões, também descobri que existem algumas questões sobre a rotação do objeto no Unity contra a do Blender, pois o eixo vertical de um software é o Z e no outro é o Y. Essa questão pode ser facilmente corrigida ao selecionar a opção "Aplicar transformações" no menu de exportação do Blender, então não trouxe muitos problemas para o projeto.

Com esses aprendizados, segui com a modelagem dos demais itens do mobiliário. A meta nessa etapa era desenvolver o conjunto mínimo de itens necessários para um primeiro teste, como uma mesinha de xadrez, poste de luz, lixeira; os itens mais básicos de se encontrar em uma praça e que as pessoas iriam querer usar.

Não consegui encontrar nenhum manual ou catálogo que tivesse as dimensões do mobiliário urbano do Rio de Janeiro, então algumas das medidas usadas foram tiradas de arquivos avulsos enquanto outras foram estimadas.

O poste duplo tem 4,5 metros de altura e foi feito inspirado em um poste de LED usado pela Prefeitura. Nesse primeiro momento ele não tem nenhuma lâmpada modelada, sendo formado apenas por duas caixas lisas de cada lado.

A mesa de xadrez é um dos itens mais populares das praças, presente em todas as que eu visitei, por isso era essencial que ela estivesse presente já desde essa primeira versão. As medidas dela foram obtidas em esquemas disponíveis por construtoras na internet, e o tabuleiro de xadrez recebeu um material um pouco mais reflexivo que o de concreto presente no restante do objeto.

A mesa de xadrez também foi reaproveitada como ícone do aplicativo, já que se trata dessa representante tão universal das praças da cidade.

O banco de concreto foi feito com base nos bancos mais simples encontrados nas praças, que são formados por apenas uma placa de concreto apoiada em dois tubos de sustentação. Entretanto, na visão de topo usada pelo aplicativo ficava muito difícil de identificar o que esse retângulo cinza era, então foi adicionado um encosto no banco para facilitar a visualização dele durante esse primeiro teste.

A lixeira foi um dos objetos mais difíceis para ser modelado devido sua complexidade de formato. Além disso, não consegui encontrar nenhum esquema com medidas ou proporções da lixeira laranja da Comlurb, o que levou essa modelagem a ser uma simplificação totalmente baseada em fotos, que ainda precisa de diversos ajustes para atingir um formato que seja mais fácil de identificar ao ser visto de cima.

Para o modelo de árvore nessa primeira versão foi usado esse arquivo de árvore Maple disponível no Sketchfab. As texturas do modelo foram removidas e substituídas por cores lisas, de modo que a árvore fique no mesmo estilo gráfico dos outros objetos.

Com todos os modelos essenciais prontos e coloridos, eles foram então exportados em formato .fbx e importados dentro do Unity, substituindo todas as formas geométricas básicas que estavam disponíveis anteriormente e trazendo as opções para o jogador imaginar seu modelo de praça virtual.

Pequenos testes e experimentos

Com os modelos prontos, realizei alguns pequenos testes, sem realizar registros, para ver como estava o entendimento do sistema pelo público. Os usuários conseguiram manusear os principais pontos do aplicativo, porém o botão de Posicionar e Girar passaram um pouco despercebidos por terem ficado tão no canto da tela.

Para tentar melhorar a situação, testei um esquema similar ao encontrado em jogos como The Sims, em que os botões de posicionar e girar acompanham o objeto que está sendo movido.

Para alcançar esse resultado foi necessário criar uma outra instância da interface no modo World Space, que trata os botões e elementos de interface como objetos de jogo. Isso permite que a interface seja posicionada dentro do espaço da praça, o que é essencial para que os botões possam ser movidos ao mesmo tempo que os objetos.

Entretanto, alguns problemas ocorreram e acabaram fazendo essa ideia ser descartada. Por serem tratados como objetos de jogo, eles ficam suscetíveis inclusive às mudanças de perspectiva e ângulo na visualização da câmera, o que provoca que os botões acabem aparecendo em posições indesejadas em alguns momentos do uso. Esse problema pode ser melhor compreendido nesse vídeo:

Com o menu móvel descartado, a solução adotada foi reorganizar totalmente a interface atual. Conforme é possível ver nas imagens abaixo, as opções de mobiliário foram movidas para a esquerda da tela, liberando o centro inferior para as informações do objeto selecionado. Isso fez com que os botões de deletar e mover ficassem juntos das opções de girar e posicionar, aparecendo apenas quando algum objeto está selecionado. Desse modo, as informações referentes aos itens ficam agrupadas em uma parte, visivelmente separadas da lista de opções de mobiliário.

Além disso, os botões para adicionar novos objetos ficam desativados enquanto existe um item sendo editado na cena, o que evita que erros e bugs aconteçam caso a pessoa adicione por acidente vários objetos ao mesmo tempo.

Nomenclatura do projeto

O mobiliário já estava modelado, a interface ajustada e as mecânicas base funcionais. Faltava então apenas um pequeno detalhe antes de partir para os testes com usuários: como esse projeto se chama?

Focando no tema de praças e imaginação, algumas das opções utilizam palavras remetentes ao Rio de Janeiro, como "Praça Carioca". Entretanto, senti que usar o nome da cidade no projeto passava uma imagem muito institucional, como se a plataforma fosse oficial da prefeitura, o que não era do meu interesse.

Cheguei então ao nome de rePraça, que utiliza o prefixo "re", de repensar ou reimaginar, junto de "praça", elemento central do projeto.

Agora sim, finalmente chegou a hora de testar o aplicativo e conferir o que está e não está funcionando. Defini que os testes seriam abertos e livres, sem nenhum objetivo específico nesse momento, eu daria apenas uma breve introdução sobre a plataforma e a praça escolhida antes de entregar o celular na mão do usuário.

Apenas por questões de registro, publiquei no Github a versão 0.0.1-alpha, que foi utilizada para esses testes. Ela pode ser encontrada nesse link, que possui também um vídeo mostrando as principais ferramentas dessa versão do projeto.

Daniel – 25 anos

Como a movimentação dos objetos estava interferindo com a movimentação da câmera, conforme explicado anteriormente, optei por bloquear a movimentação da câmera enquanto um objeto é editado, e essa foi a primeira crítica que Daniel realizou ao testar o rePraça. Como muitas vezes ele dava zoom no objeto para então movimentá-lo, a área de tela ficava reduzida, o que tornava essencial poder mover a câmera junto do objeto.

Outra questão foi a interpretação da interface. Na imagem abaixo é possível ver o menu que aparecia ao selecionar um objeto:

A diferença entre o botão de "X", de desselecionar, e o botão "Deletar" não ficou clara, e por alguns momentos ele apertou em desselecionar tentando deletar o objeto.

Além disso, o botão de Grid também não foi usado pois não foi compreendido. Como a grid era aplicada sem um guia visual, ou seja, o objeto se movia em grid mas não existia nenhuma grid visível na tela, era difícil de entender do que ela se tratava.

Ele também sugeriu desativar o botão "Posicionar" quando o objeto estiver em uma área que ele não possa ser posicionado a fim de evitar confusões.

Na montagem da praça ele iniciou o processo colocando árvores, pois, segundo ele, "quando penso em uma praça penso logo nas árvores dela", e em um momento que ele afirmou já ter concluído a montagem do espaço ele logo voltou atrás dizendo "mentira, esqueci dos postes, precisa de mais poste", percebendo também que queria colocar mais lixeiras. Ao posicionar os postes, ele disse que seria legal se desse pra alterar a iluminação entre dia e noite para ver se a iluminação estava suficiente.

Por fim, essa foi a praça que o Daniel montou. Ele colocou vários bancos e árvores com duas mesinhas e uma gangorra. Também foi comentado que, ao início, enquanto a praça ainda estava vazia, ele demorou um pouco para entender que esse círculo verde e liso era a praça a ser imaginada.

Leonardo – 24 anos

Logo de início Leonardo compartilhou das mesmas dores do Daniel em relação ao Grid, por não conseguir visualizá-lo, e ao botão "X" de desselecionar, que tentou usar para deletar um objeto. Outra dificuldade foi que, ao selecionar um objeto, ele tentou editá-los clicando no botão de "Posicionar" ao invés de usar o botão de "Mover", já que ambos os botões apareciam na tela ao mesmo tempo.

Nos comentários, ele brincou que ia encher a praça de lixeira pois "sempre falta lixeira" e sugeriu uma opção para alterar o ângulo da câmera, mudando da visão de topo para algo em primeira pessoa, que desse a sensação de ver a sua edição como se estivesse presente na pracinha.

Um movimento curioso dele foi que, ao movimentar os objetos pela cena, ele preferiu fazer clicando diretamente no ponto que queria ao invés de arrastar o objeto pelo espaço, pois achou mais fácil assim. Também comentou que é péssimo para esses jogos, que geralmente a parte de montagem do cenário é o trecho que ele pula no The Sims.

Por fim, a praça do Leonardo é cercada de árvores e possui uma divisão igualitária entre a quantidade de mesas, bancos e gangorras.

O botão de Grid ficava ativado por padrão, com a possibilidade do usuário desativá-lo. Como essa função não estava sendo compreendida, mudei para os testes seguintes o comportamento, de modo que o Grid inicia desativado, podendo o usuário ativar.

Outra mudança foi a adoção dos jardins já existentes na praça, adotando então a cor bege para o piso de areia e o verde para a grama nos pedaços de jardim. Essa mudança foi feita para melhorar a dificuldade de visualizar que o círculo verde era uma praça.

Guilherme – 22 anos

Guilherme começou a edição colocando lixeiras, tendo feito duas fileiras, uma de cada lado, com quatro lixeiras cada, pois queria fazer a linha de lixeiras recicláveis com diferentes cores. Quando colocou o primeiro banco de concreto ele olhou em dúvida e perguntou se era possível girar o banquinho. Ao clicar no botão "Girar" ele viu que dava e começou a rotacionar os demais objetos também.

Ele disse que queria colocar vários postes para deixar bem iluminado e, em um momento, colocou uma gangorra, mas depois decidiu tirar porque "ela estava muito perto das lixeiras, ia ficar desagradável".

Comentou que seria legal se tivesse mais praças, porque queria experimentar em outros tipos de espaço já que o lugar do teste é uma praça bem pequena. Ele não viu o botão de grid e não sentiu falta de sua funcionalidade.

A praça do Guilherme só tem bancos, árvores, poste e lixeira. A ausência de mesas de xadrez foi pelo espaço reduzido, que fez ele achar que as pessoas não iriam se reunir ali, enquanto que a ausência de gangorra foi porque ele queria mais diversidade de brinquedos infantis para poder montar uma praça também com mais itens em geral.

Jessica – 22 anos

No início, Jessica ficou um longo tempo parada, pensando previamente qual plano ela queria seguir, pois de acordo com ela estava em dúvida entre duas ideias para a praça. Ao iniciar a edição, ela tentou algumas vezes movimentar a câmera enquanto movia um objeto, mas percebeu sozinha depois de algumas tentativas que isso não era possível e afirmou que não se incomodou.

Como os botões de objetos usam apenas os nomes, sem imagens, ela achava que "Mesa" seria uma mesa grande, como uma de jantar, mas depois entendeu que era uma mesa de xadrez, o que achou que "em praças faz mais sentido mesmo".

Os objetos foram posicionados nas extremidades devido a questão estética, segundo ela, fazendo algo mais na linha simétrica em que um objeto principal ocupa o centro do círculo e os outros se espalham ao redor. Como sugestão, ela gostaria de mais opção de brinquedos e itens de lazer, e disse que colocou poucas lixeiras pois essa era uma praça "de ficar", que se fosse uma "mais de brincar" precisaria de mais lixeiras pois as pessoas acabariam levando cachorro e isso gera mais lixo.

Luísa – 23 anos

Ao tentar alinhar os objetos com as ruas da praça, a Luísa se frustrou um pouco com a rotação dos itens ser de 45º em 45º, pois em alguns cenários esse ângulo era grande demais para alcançar o alinhamento desejado. Além disso, também teve dificuldade por não conseguir mover a câmera enquanto movia um objeto, o que piorou a experiência de edição da praça. Ela considerou essa a parte mais frustrante da experiência, pois se quisesse mover a câmera precisava posicionar o objeto, mover a câmera, selecionar o objeto, movimentá-lo para o local desejado e aí sim posicionar o item onde quisesse.

Além disso, ela também se confundiu um pouco entre o botão de Editar e o de Posicionar. A praça dela ficou assim:

A praça da Luísa teve pelo menos um de cada item e várias árvores formando as ruas de acesso do círculo interno.

Correções feitas após os testes

O principal ajuste realizado logo após a conclusão dos testes foi no funcionamento das câmeras. Até agora não era possível mover a visualização enquanto editava um objeto, pois o deslize do dedo para arrastar o objeto de um ponto a outro acabava movimentando a câmera no sentido oposto. O código foi então modificado para possuir duas diferentes condições de uso da câmera: a tradicional, que ocorre quando não há nenhum objeto sendo movido e funciona pelo arrastar do dedo na tela; e a nova maneira, que ocorre quando você movimenta um objeto. Nela, a câmera se movimenta de acordo com o canto da tela que o seu dedo está, ou seja, se você estiver arrastando o dedo para o topo da tela, a câmera irá se mover para o topo, e assim respectivamente para todos os cantos. A nova forma pode ser visualizada no vídeo:

O restante das correções foram na interface, que foram feitas em conjunto com o desenvolvimento da identidade visual do rePraça.

Até o momento, toda a interface e parte visual do aplicativo era temporária, construída com o mínimo possível apenas para validar as mecânicas e a base da plataforma. Agora que os testes estavam concluídos, foi hora então de avançar com o visual do jogo.

Rascunhos e rascunhos

A primeira ideia para a interface foi inspirada em adesivos que são muito encontrados colados em postes e placas pela cidade. Para alcançar essa ideia, experimentei com ícones levemente inclinados e fora dos botões, tentando trazer um pouco do ar natural e menos alinhado que os adesivos tomam no ambiente urbano.

Nas cores a ideia foi buscar algo mais próximo de adesivos holográficos, o que foi logo descartado e substituído por uma cor única e menos brilhante.

Com os diferentes testes de cor, prossegui por enquanto com o ícone e fundo de cores iguais, conforme é possível ver abaixo. Além disso, a principal mudança desse momento foi o descolamento dos botões das bordas da tela, o que ajudou a reduzir o tamanho deles, que estavam grandes demais.

Cores, ícones e fonte

As cores foram evoluindo junto da interface, mas até o momento elas vinham sendo escolhidas aleatoriamente, sem nenhum conceito ou embasamento, apenas para colorir as ideias de botões apresentados até agora. Assim, com a interface já encaminhada, desenvolvi uma paleta de cores definitiva com 5 cores. As duas primeiras foram feitas para serem usadas como preto e branco, respectivamente, para garantir que as páginas sempre tenham alguma cor e mantenham um bom contraste.

Além das cores, dois gradientes também foram feitos com a paleta. Ambos são gradientes lineares em ângulo de 45º, sendo que o mais claro vai do branco (#FFFFFF) até o bege (#F9EFE7), enquanto o mais escuro vai do azul (#0A6EB6) até o azul marinho - preto (#131C3B).

Alguns ícones já vinham sendo usados, mas eles foram ajustados e coloridos com a nova paleta. Os dois símbolos à direita - o balão de informação e o lápis - foram baixados no iconmonstr, site que permite download de arquivos para usos com fins pessoais e comerciais, edição dos assets baixados e não requer atribuição no trabalho. Os demais itens da iconografia foram desenvolvidos por mim.

Cabin foi escolhida como tipografia para representar o rePraça em forma de letra. Com suas formas simples e direta, ela é ideal para dispositivos digitais por ser da categoria sans-serif, o que permite uma leitura agradável e objetiva. Além disso, ela apresenta traços levemente curvilíneos nas suas extremidades, o que traz um charme sutil e apropriado para o projeto.

Aproveitando as mudanças visuais, o ícone do aplicativo também foi atualizado. A ideia de representar o projeto pela mesa de xadrez devido sua presença universal nas praças foi mantida, porém o modelo, cores e iluminação sofreram melhorias.

Com todas essas questões definidas, as cores, ícones e fonte foram aplicados na interface. O resultado pode ser visto no vídeo a seguir:

Mais funções para a interface

A interface que vinha sendo trabalhada até agora, quando em seu estado inicial, possuía apenas o botão “Adicionar +” para novos objetos e nada mais. Entretanto, algumas funções ficaram faltando, sendo elas:

Informações - Ficha de informações sobre a praça que está sendo editada e guia de ajuda do aplicativo

Dia e Noite - Toggle para alternar entre a iluminação claro diurno e escuro noturno

Ângulo de câmera - Alterar a visão da câmera entre visão de topo e visão 45º

Concluir - Finalizar a parte de edição da praça e ir para a tela de salvar e compartilhar

O resultado final, com os quatro botões adicionados, pode ser visto no vídeo:

O botão de adicionar elementos, que antes tinha a palavra "Adicionar" junto do ícone de adição, foi movido da parte superior central para o canto inferior direito. Essa mudança ocorreu para criar duas linhas de botões separados na interface: a no topo da tela, que contém os novos elementos, é mais ligada ao status da plataforma e controla os assuntos "globais", como a luz, o ângulo da câmera, e concluir o processo de edição. Já a segunda linha, na parte inferior da tela, recebeu os botões ligados aos objetos da praça, como o botão de adicionar itens, que é acompanhado por outras opções dependendo de ter ou não um objeto selecionado no momento.

Ao ter um objeto selecionado, dois novos botões aparecem na linha inferior de botões, sendo que o primeiro deles apresenta o nome do item ao lado do ícone de informação. Ao clicar nele, o usuário deve ser levado diretamente para a ficha de dados da peça selecionada. Já o segundo botão serve para editar o objeto no mapa, que leva o usuário para o estágio de edição da mobília.

Vale destacar a ausência do botão de desselecionar, que estava presente nos testes do Momento #2. Como o botão "X" estava confundindo os usuários, ele foi totalmente removido e, agora, para desmarcar um objeto, basta tocar em qualquer ponto fora dele.

Por fim, temos o estágio de edição do objeto:

Nessa tela, os botões que aparecem na parte inferior são justamente os que cumprem as funções de edição. Da esquerda para a direita, é possível deletar, rotacionar ou confirmar a posição do objeto na praça, o que retorna o usuário para o estágio inicial. Vale lembrar que ainda existe a tela de inventário, com todas as possibilidades de itens a serem adicionados, que será trabalhada mais a frente. Desse modo, cheguei ao seguinte fluxo geral para o funcionamento da plataforma:

O fluxo em alta resolução pode ser visualizado no Figma por esse link.

Com a adição da função de alternar a iluminação entre dia e noite, é importante que a interface funcione sobre tanto o fundo claro quanto o escuro. Por isso, o cenário noturno foi simulado escurecendo a imagem da praça, de modo a conferir a visibilidade dos botões à noite.

A identidade visual já estava concluída e os principais pontos da interface já estavam presentes… mas não funcionavam. Faltava agora, então, justamente finalizar esses pontos: tornar tudo que estava na tela funcional, principalmente as funções do sistema e a tela de inventário do mobiliário urbano, e fazer ajustes em tudo que precisasse.

Luz, câmera, toggle

Um dos principais pedidos feitos durante os testes era sobre a vontade de ver a praça em um ângulo diferente, em perspectiva, saindo da visão chapada de cima. A primeira adição então foi tornar funcional o botão para mudar o ângulo da câmera, que varia de 90º (visão de topo) para 40º (visão em ângulo).

Para tornar a transição entre esses dois estados mais fluida, utilizei o parâmetro este tutorial para aplicar a função lerp, que faz com que a mudança de câmera seja animada em um intervalo de tempo entre os dois ângulos definidos. O resultado final dessa animação pode ser vista no vídeo a seguir.

Em continuidade ao desenvolvimento de novas funções, a etapa seguinte foi de adicionar a variação entre a iluminação diurna e a noturna. Para isso, a luz já existente, que imita o Sol, foi preservada, e foi criada uma nova luz, imitando a Lua. Cada uma aponta em sentidos opostos, ou seja, quando o Sol aponta para baixo a Lua aponta para cima, logo, a luz da Lua não tem efeito nenhum sobre a cena, e vice-versa. Com o mesmo código utilizado no ângulo de câmera, é possível então rotacionar ambas as luzes ao mesmo tempo em um curto tempo, formando um efeito similar ao timelapse para marcar a passagem entre os dois momentos de iluminação do dia.

Já nas praças do mundo real, assim que anoitece os postes se acendem e a iluminação artificial toma conta dos espaços. Para simular esse efeito, foram adicionadas luzes do tipo spotlight no objeto do poste, cada uma com a tag "LuzPoste". Assim, toda vez que o cenário fica noturno, o código do jogo busca por todos os objetos que utilizam essa tag e definem, um a um, que o componente Light está ativado. Quando fica de dia, o mesmo código é rodado, mas dessa vez desligando o componente de luz.

+ mobília, + ícone

Além disso, nesse momento também foram adicionados dois novos objetos: o escorrega, para expandir os itens da categoria infantil, e um bicicletário, para adicionar o primeiro objeto de transportes, ambas áreas que foram comentadas durante os testes iniciais.

O escorrega foi inspirado no modelo encontrado na praça Nossa Senhora da Paz, em Ipanema. Todo de madeira, ele possui os cantos da madeira pintados com diferentes cores, trazendo um ar mais alegre e jovem para a sobriedade da madeira.

Foi feito também mais um ajuste no ícone do aplicativo. O sistema Android é personalizado pelas fabricantes, que modificam o formato dos ícones exibidos na tela de cada aparelho. Isso faz com que, em alguns formatos, o sistema de cada marca corte a imagem de maneiras peculiares e prejudique a visualização, como no caso da Motorola, em que o tamanho do quadrado é reduzido para ser encaixado em um círculo.

Para contornar essa questão, o Google desenvolveu o Android Adaptive Icons, que basicamente separa o ícone dos aplicativos em duas camadas: símbolo e fundo. O próprio sistema operacional então, usando esses dois arquivos, adapta a imagem para todos os formatos de ícone existentes no Android.

Com a separação em símbolo e fundo, necessária para usar esse sistema, o arquivo original foi dividido da seguinte maneira:

Assim, uma simples quebra entre figura e fundo permitiu que o ícone fosse adaptado e visto da maneira ideal em todas as marcas e formatos de celular Android, como é possível ver na imagem abaixo, onde, no mesmo celular Motorola visto anteriormente, o ícone passou a ser exibido da maneira esperada.

Criação da biblioteca urbana

Com os dois toggles funcionais e uma quantidade razoável de objetos já disponíveis, o desenvolvimento se virou então para um dos últimos grandes desafios que faltava: o inventário de objetos do mobiliário urbano.

Ao clicar no botão de +, no canto inferior direito da tela de edição, o usuário era levado para a tela do inventário, que, no momento, era apenas uma lista de botões. Ao tocar em um dos nomes dos itens, eles eram adicionados diretamente na cena.

A proposta era transformar essa tela não apenas em um inventário de itens, mas em algo muito mais próximo de uma biblioteca do mobiliário urbano, reunindo as informações sobre cada coisa no acervo. Para isso, o painel azul, presente na direita da tela, foi transformado no painel de informações, que exibe os detalhes do objeto selecionado pelo usuário.

Primeiro, foi preciso construir o acervo de dados. Para isso, foi criado um Scriptable Object chamado "Objetos Data", que é basicamente um formato de arquivo do Unity feito para salvar informações. Nesse arquivo master, foram definidos alguns parâmetros, como nome, categoria e tamanho, que serão replicados em todas as cópias a serem criadas posteriormente. Assim, é possível criar um arquivo desse tipo para cada peça do mobiliário urbano e todos eles irão compartilhar dos mesmos campos para dados, porém cada um com valores personalizados, formando então a nossa biblioteca.

Com todos os arquivos criados e seus respectivos dados preenchidos, eles foram então posicionados em um Array, que é uma espécie de lista de itens no código. E pronto. A partir daqui todo o resto do processo de construção da interface é feito de forma automática, com o sistema criando a grid de botões com os objetos sozinho: o código do aplicativo passa por cada item desse array, e, de um em um, cria os botões na grid, definindo a imagem e dados do respectivo objeto no botão atual.

Por esse processo ter sido automatizado, é interessante perceber que a grid aparece vazia dentro do ambiente de desenvolvimento do Unity, porém é logo preenchida ao rodar o app, pois esse processo só ocorre enquanto o programa está sendo executado.

Essa automação é útil principalmente para evitar o trabalho dobrado de criar cada botão manualmente. Se os botões fossem criados na mão e, por exemplo, a foto de um objeto precisasse ser alterada, seria preciso mudar a imagem no arquivo de dados e no botão. Com a forma automatizada, futuras atualizações dessas informações podem ser feitas ao alterar o dado em um único local, sem se preocupar em ter que mudar a imagem ou outro texto em dois espaços, evitando possíveis erros nesse processo.

O funcionamento do restante do painel é simples. Ao clicar no botão de um dos itens do mobiliário, os campos são substituídos com os dados do objeto selecionado, como pode ser visto no vídeo a seguir:

No início, a ficha aparecia com todas as informações centralizadas, formando uma lista vertical. Entretanto, nesse formato a maioria dos usuários não percebia que havia mais informações ao rolar o painel para baixo. Por isso, a ficha foi modificada para mostrar já no topo da tela a maior parte dos dados, inclusive um trecho do texto de descrição, que antes estava passando despercebida pela maioria. O resultado final ficou assim:

Últimas telas…

Agora que o inventário e o painel de informações já estavam funcionando, faltava então a última etapa do ciclo de edição das praças: o de exportar uma imagem do resultado do lugar imaginado, no botão "Concluir". Ao clicar nesse botão, a seguinte tela aparece:

Para garantir que a fotografia mostre sempre a mesma área da praça foi criada uma nova câmera independente, posicionada em um ponto fixo da cena, cuja imagem é exibida ao usuário no quadrado na esquerda da tela. Isso permite que a pessoa possa conferir se a praça está do jeito que ela esperava e tinha imaginado, e pode voltar à edição caso deseje. Clicando no botão "Salvar" a visão dessa câmera é então convertida em um arquivo .png, que é salvo na galeria do celular em uma pasta chamada "rePraça".

Com os testes, o botão "Concluir" sofreu uma pequena alteração: seu símbolo foi alterado do check mark para uma seta, de compartilhar. Essa alteração ocorreu pois o check mark azul era o mesmo formato usado como ícone no botão de posicionar um objeto, o que estava causando confusão em alguns usuários, que clicavam em Concluir ao querer posicionar algum elemento na cena.

Agora que todas as partes essenciais da plataforma já estavam funcionais, o último botão da interface que ainda faltava era o de informações, no canto superior esquerdo. A ideia da tela de "Informação" é apresentar um pequeno resumo e foto da praça real que está sendo vista e editada no aplicativo.

Essa proposta surgiu para esclarecer ao usuário que a praça que ele vê ali, sendo imaginada no mundo virtual, existe de verdade, e criar uma conexão mais forte entre a versão real e a virtual. A foto do local, junto do pequeno texto descritivo, ajudam a relacionar o usuário com os usos que a praça recebe e a maneira como o cenário é atualmente, criando uma base que os ajuda a pensar e imaginar de forma mais fiel.

Em conjunto às informações da praça, foi adicionado também um guia com informações sobre o próprio aplicativo, em uma espécie de manual de instruções da plataforma. Por mais que o rePraça tenha sido feito com a intenção de ser auto explicativo, essa aba foi adicionada como uma opção: no caso de alguém ter muita dificuldade em alguma etapa é possível abrir essa tela para tirar dúvidas.

Nos ajustes da interface, a splash screen, que é a tela que aparece brevemente enquanto o aplicativo carrega ao ser aberto, também foi refeita. Agora ela apresenta uma versão similar à logo do projeto porém em tela cheia, sendo formada pelo fundo de céu e grama com uma mesa de xadrez texturizada no meio.

Até agora o usuário, ao abrir o aplicativo, entrava diretamente na tela de edição da praça. Isso foi mudado com a criação de uma tela inicial, em estilo simples, que apresenta apenas a logo do projeto e um botão "Iniciar", com a vista da praça na cidade ao fundo. O plano original era adicionar algum movimento de câmera nessa cena, tornando-a mais interessante, porém a tela acabou sendo mantida totalmente estática devido ao curto tempo para o desenvolvimento dessa etapa.

…e os últimos objetos

Com o fim do desenvolvimento da interface e funções do sistema, o restante do tempo de desenvolvimento foi direcionado para criar novos itens de mobiliário. Nesse momento foram adicionados os novos banco de madeira e MUPI (painel publicitário), enquanto que a lixeira e o banco de concreto foram totalmente remodelados.

O banco de madeira foi feito com base nos modelos encontrados na região do Porto Maravilha. Esse estilo foi escolhido pois, além de pessoalmente considerá-lo bonito, ele também apresenta um desenho moderno e bom nível de conforto.

MUPI significa Mobiliário Urbano para Informação, que são os totens de publicidade espalhados pelas vias mais movimentadas da cidade. O modelo escolhido como base foi o utilizado pela Clear Channel, uma das empresas que gerencia o mobiliário urbano do Rio de Janeiro. Para adicionar uma pequena referência aos meus projetos na plataforma, os cartazes publicitários dessa mobília referenciam ao próprio rePraça de um lado e ao jogo Arrasa Quarteirão, desenvolvido em outra disciplina, do outro lado.

Já a lixeira da Comlurb merece atenção especial. Ela foi um dos primeiros objetos do projeto a serem modelados, mas seu formato original não estava sendo bem compreendido durante os testes.

Na remodelagem, as proporções foram corrigidas e o modelo ficou muito mais fiel ao seu formato real, adicionando detalhes como a aba com cinzeiro e suavizando as curvas. Esses pontos tornam ela muito mais fácil de ser reconhecida, principalmente ao ser observada pelo ângulo da câmera de topo.

No banco de concreto, a sua primeira versão foi criada de forma totalmente fictícia, tendo sido feita dessa maneira conscientemente de forma temporária para facilitar a compreensão dos usuários durante os primeiros testes. Agora que essa questão já não é mais necessária, o banco foi substituído por um modelo real, que é formado por dois pés, uma barra de concreto e nada mais.

Por fim, alguns últimos objetos a mais foram adicionados: cesta de basquete, barra fixa, estátua e palmeira.

A estátua foi criada para simbolizar a representação de alguma figura neutra. Por isso foi utilizado um modelo de corpo propositalmente sem rosto, disponível no Sketchfab, para tornar possível que qualquer um possa ser o homenageado por esse elemento.

A palmeira também foi baixada do textoSketchfab. As texturas foram retiradas e substituídas por cores sólidas para deixá-la no mesmo estilo gráfico dos demais objetos.

Os dois últimos objetos, a barra fixa e a cesta de basquete, foram modelados no Blender e complementam as opções de Atividades Físicas existentes na plataforma.

Com esses últimos objetos adicionados, a versão final do rePraça possui 14 itens ao todo. Todos eles podem ser vistos na grid abaixo:

Assim, foi concluído o desenvolvimento da plataforma rePraça. Do primeiro tutorial consultado até o último item de mobiliário urbano modelado, foram diversas etapas, buscas na internet, sessões de orientação, dias passados e testes realizados para chegar até aqui. Como resultado final, temos um aplicativo completo e funcional, que possibilita aos usuários a chance de projetar e imaginar uma praça usando itens similares aos que eles veem no cotidiano da cidade; a experiência completa pode ser vista no vídeo abaixo.

Agora, com tudo pronto, era momento de levar o projeto para o Demo Day.

Demo Day

O Demo Day é o dia de demonstração de todos os projetos desenvolvidos na disciplina, onde os visitantes têm a chance de testar e usar os trabalhos de todos os alunos.

Para expor o aplicativo, utilizei um tablet Samsung por considerar que a tela maior tornaria mais fácil a experiência no dia. O problema é que a tela do tablet tem uma proporção diferente da tela do celular que vinha sendo usado até então, o que deixou alguns dos elementos da tela em tamanhos inadequados. Para contornar esse problema, foi feita uma versão especial para telas grandes, na qual algumas medidas dos elementos da interface foram alterados, sendo a principal a quantidade de linhas no grid de objetos, que passou de 2 para 3 linhas.

Uma das partes mais importantes do conceito do projeto é poder visualizar as imaginações de cada pessoa em uma galeria, reunindo a individualidade de cada pessoa em um grupo. A exportação de uma foto da praça já estava funcionando corretamente, então era preciso desenvolver uma maneira de agrupar todas essas imagens para uma visualização única.

Uma das opções consideradas foi o backup automático do Google Fotos, que manteria um álbum com as capturas de tela, exibindo esse álbum em um computador na mesa do Demo Day. O problema é que essa ideia deixaria a interface do Google Fotos ali, sempre visível, o que não seria a solução mais elegante possível.

A solução escolhida então foi desenvolver um site especial, mantendo todas as fotos exportadas em uma página online acessível de qualquer dispositivo. O site foi desenvolvido seguindo o tutorial Build an Image Gallery with Vanilla HTML, CSS, and JavaScript, do James Q Quick.

O principal problema de desenvolver o site era descobrir uma forma de subir as imagens para ele durante o dia do Demo Day, de modo que os visitantes pudessem ver a galeria sendo atualizada ao longo do evento. Se as imagens fossem escritas diretamente no código HTML, usando uma tag para cada foto, eu teria que subir o arquivo e editar o código do site, escrevendo uma nova para cada arquivo, repetindo isso diversas vezes durante o evento, o que não seria ideal. Nessa parte entra o tutorial: como ele usa Javascript para adicionar as imagens na página, ele possibilita que eu apenas envie os arquivos de foto para o servidor do site diretamente do tablet, enquanto o Javascript fica responsável por adicioná-los na página ao longo do dia.

O código do site está disponível no GitHub.

Por fim, a última etapa de preparo para a exposição foi a criação de uma prancha sobre o projeto. Aqui, a proposta foi de fazer um mini-tutorial, em uma folha A4, para servir de guia aos usuários que chegassem na mesa durante minha ausência.

Os arquivos instaláveis do aplicativo para Android estão disponíveis para download: https://github.com/Feliperpvieira/rePraca/releases/tag/v0.2.0-beta

O site com a galeria de todas as praças imaginadas pode ser acessado em: https://feliperpv.com/repraca/demoday/galeria/

Além disso, também está disponível uma versão web, acessível pelo computador, do rePraça, que pode ser acessada neste link. Vale ressaltar que, como o foco do aplicativo são plataformas mobile, com telas de toque, essa versão para computadores é apenas demonstrativa e não deve ser usada para avaliar a experiência final. O uso de mouse e teclado gera alguns problemas que não ocorrem no celular, como a velocidade baixa da rolagem das telas, interferência entre navegação na interface e movimentação da câmera, entre outras questões. De qualquer modo, a versão web é uma ótima maneira de ter uma percepção geral de como o projeto funciona sem nenhum download.

Durante a exposição, diversos usuários começaram a posicionar objetos apenas na área bege, entendendo que os jardins, verdes, não estavam disponíveis. Posteriormente, alguns deles perceberam sozinhos que também dava para posicionar itens na parte de grama, enquanto outros só repararam nisso ao olhar para a galeria de praças e ver que os demais usuários tinham usado todo o terreno e não só a parte de areia.

Isso mostra a importância da galeria de praças como impulsionador do processo criativo. Apenas a possibilidade de ver, brevemente, ideias daqueles que usaram antes o aplicativo já foi suficiente para despertar novas propostas pelos visitantes seguintes.

Ao longo de toda a manhã, nenhuma pessoa que eu tenha visto leu a prancha com o mini guia de como usar o aplicativo. Algumas dúvidas surgiram durante o uso, mas quase todas foram respondidas pelos próprios usuários ao continuar experimentando a plataforma. Além disso, nenhuma pessoa clicou no símbolo de informações, nem para ler os dados sobre a praça nem para ler sobre o aplicativo. Acredito que isso indique que a interface alcançou um nível satisfatório de clareza, tendo sido explorada de forma intuitiva por todos que a testaram.

No rePraça, ao selecionar um objeto que já está posicionado, aparecem dois botões na parte inferior: o de lápis, que permite editar sua posição, e o botão com o nome do item, que, na teoria, permitiria que o usuário abrisse a ficha de informações da mobília.

Entretanto, essa função não ficou pronta a tempo e, ao ser clicado, o botão não faz nada. Mesmo assim, isso não gerou problemas pois nenhuma pessoa tentou usar essa função durante todos os testes, o que mostra que ela talvez não seja desejada ou sua utilidade não seja tão grande quanto eu acreditava que seria.

Nas impressões positivas, a mudança de ângulo de câmera e de iluminação entre dia e noite foram muito elogiadas pelos visitantes. Muitos deles não esperavam que essas funções existissem e ficaram positivamente surpreendidos ao ver as animações acontecendo. Vários usaram o momento noturno para posicionar os postes na cena.

Por fim, foi interessante perceber como algumas pessoas transformaram o ato de montar a praça em uma brincadeira. A praça a seguir, por exemplo, foi feita por uma dupla, que ria e brincava entre si enquanto montava um exército de estátuas.

Com pouco mais de vinte praças montadas ao longo do Demo Day, a visão geral dos usuários foi positiva e não apareceu nenhum problema grande ou marcante. As funções de mudar câmera e iluminação geraram uma boa surpresa nos usuários e as peças do mobiliário foram elogiadas pelo visual. Algumas dúvidas e pedidos de ajustes na interface foram feitos, mas foram apenas isso: pequenos ajustes para deixar as telas ainda mais claras. No geral, o resultado foi extremamente satisfatório, tendo sido possível obter feedback e validado o interesse do público pelas ideias da plataforma.

Confira todas as 22 praças imaginadas durante o Demo Day na Galeria de Praças

Conclusão

Assim, chega ao fim todo o ciclo de projeto que foi desenvolvido ao longo do ano.

Na pesquisa inicial, um dos primeiros trabalhos analisados foi a obra I Wish This Was, da artista Candy Chang. A obra chamou atenção principalmente pela visualização dos dados obtidos em uma grid de adesivos que, ao mesmo tempo que respeitava as imaginações individuais, também as reunia em uma única visualização. Isso faz com que qualquer pessoa possa ver de forma geral o todo, porém continue sendo capaz de analisar a fundo cada ideia em particular.

Essa proposta foi transportada com sucesso para o projeto aqui descrito, com o uso da galeria de praças sendo utilizado para o mesmo ideal: reunir as individualidades e expor as imaginações como inspiração para os demais usuários. Essa vontade foi também comprovada durante o Demo Day, quando diversos visitantes tiveram novas ideias justamente ao olharem a galeria de praças.

Com os resultados obtidos no Demo Day, é possível também constatar que o projeto obteve sucesso no tema de incentivar a imaginação das pessoas. Por diversas vezes os visitantes brincaram com as possibilidades dos objetos na praça, tornando a tarefa de imaginar o espaço em uma atividade lúdica.

A praça, que por muitas vezes é tratada apenas como um ambiente que está ali, no nosso cotidiano, virou personagem central de uma experiência que permite questionar o formato das coisas já existentes. Durante os testes ficou claro como essa proposta foi bem aproveitada pelos usuários, que exploraram a criatividade e formaram diversas combinações de objetos que, normalmente, não são vistas nos espaços reais. Não há como saber se esse questionamento dos formatos vai ser levado para frente por alguma pessoa, gerando reflexões mais profundas sobre o tópico, ou se ficará apenas na brincadeira do momento, sem resultar em grandes questionamentos. No entanto, esse ambiente virtual dá lugar à liberdade criativa e traz resultados concretos: as fotos das praças imaginadas. Além disso, também garante que os jogadores se sintam livres o suficiente para testar e experimentar novas combinações que, se não forem práticas, seriam no mínimo divertidas de serem vistas no mundo real.

Pessoalmente, acredito que essa é a principal conquista do projeto: permitir que o cenário real e burocrático do planejamento urbano possa ser levado de forma divertida, em uma brincadeira que traz reflexões e novas propostas de uso para os espaços públicos trabalhados.

Também são nessas novas propostas que vive um outro ponto alto do trabalho: a capacidade de gerar ideias para o planejamento urbano de forma colaborativa. Ao gerar os arquivos finalizados de cada praça imaginada, o que estamos produzindo na verdade é uma grande base de dados do interesse da população quanto ao uso daquele espaço. Se a maior parte das pessoas criar um parquinho infantil em uma praça que nem sequer brinquedos possui, por exemplo, esse fato pode indicar uma demanda reprimida por itens infantis naquela região. É possível então usar essas informações para estudos mais aprofundados, gerando sugestões ao poder público quanto a reformas e propostas de melhorias para as praças da cidade.

Para o futuro

Um desenvolvimento futuro do rePraça teria como prioridade atender o feedback obtido durante os testes, como, por exemplo, o de possibilitar que o painel de informações seja minimizado enquanto navega pela grid de objetos. Além disso, seria necessário também modelar e adicionar mais itens de mobiliário, expandindo as possibilidades e dando maior escolha aos usuários.

Durante o Demo Day, a montagem da galeria de praças foi feita de forma manual. Cada vez que uma pessoa terminava de montar sua praça, eu ia até o tablet e enviava cada arquivo das imagens produzidas ao site. No futuro, para o rePraça ser publicado em uma loja de aplicativos, sendo instalado em diversos aparelhos diferentes e fora do meu controle, um ponto crucial seria a conexão da plataforma com um banco de dados virtual, de modo a poder receber as informações e imagens das praças imaginadas vindas de cada aparelho remotamente.