🪧 Atributos | Descrição |
---|---|
✨ Nome | Metaverso - Demonstrando o poder dessa nova realidade |
🏷️ Tecnologias | html, css, js, MaterializeCSS (tecnologias utilizadas) |
🚀 URL | https://gustavopereira-dev.github.io/FeiraTecnologicaCPS/ |
Bem vindo ao README desse repositório, ele foi desenvolvido em 2022 para a Feira Tecnológica da Etec Zona Leste. O objetivo desse pequeno projeto era demonstrar na prática e na teoria essa nova realidade que não está muito distante: A realidade virtual (VR) para o público comum e que não teve acesso a essa tecnologia
O objetivo principal do projeto era demonstrar, de forma prática e também teórica, o quanto a Realidade Virtual e Imersiva é e será importante para o futuro, por uma apresentação prática no Evento de Feira Tecnológica realizada no Ano de 2022 em Novembro na ETEC, que consistia na liberdade dos convidados e usuários poderem utilizar um Óculos de Realidade Virtual com o jogo desenvolvido na Unity pelo meu amigo Thiago e também um sorteio de um pelo site desenvolvido por mim e auxiliado por ele (pelos conteúdos)
O site estático (Desenvolvido por mim e com o auxílio de conteúdo por ele) desse repo serve justamente para ainda demonstrar essa imersão no mundo virtual mesmo após a apresentação e ser um belo complemento para caso o usuário se interesse, possa realizar ou tentar fazer essa experiência em sua casa
Dessa forma, brevemente irei demonstrar alguns conteúdos do próprio abaixo:
É a tela inicial do site do Projeto, que é dividida pelo Início(Imagem abaixo), Dicas e Informações, que contém as principais informações sobre o âmbito de Realidade Virtual (O que é o Metaverso, Como utilizar o celular para VR, Desenvolver suas próprias mídias para a realidade 3D, Desenvolver suas próprias mídias e cenários 3D para o Metaverso, Crie seu próprio óculos virtual e Miscelânea) com o sorteio antigo do óculos e avaliação do site, o Sobre Nós e por último o Rodapé
![](https://private-user-images.githubusercontent.com/108029506/297405643-8808efe9-893e-49bd-9be7-48aea143aebd.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg3NjAzNTMsIm5iZiI6MTczODc2MDA1MywicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA1NjQzLTg4MDhlZmU5LTg5M2UtNDliZC05YmU3LTQ4YWVhMTQzYWViZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwNVQxMjU0MTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01MDUzMjkyMGQ1NzQ0M2YwNWUwMTdjZDAzN2YwYWNjMGE5ZDM3NWIwNGUxODU3MjM0MzA5NDQ2MDQxNWMzNTllJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.9HV8i8OrQfQhupvWls6zSCIBzYyK6EvnakE6aXgbhnc)
Sessão que explica o que é o Metaverso, suas origens, tentativas de desenvolvimento, tecnologias envolvidas e críticas (possíveis desvantagens)
![](https://private-user-images.githubusercontent.com/108029506/297406964-3502d2ce-a551-4f9a-b858-d3c9944cc38a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg3NjAzNTMsIm5iZiI6MTczODc2MDA1MywicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA2OTY0LTM1MDJkMmNlLWE1NTEtNGY5YS1iODU4LWQzYzk5NDRjYzM4YS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwNVQxMjU0MTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zYTkxNTUwMmE1ZGMzZWFhMmU3ODYyYmY5ZDUzZGUyNzQzNzljZDU4NmVlMWExMzJiMDNjZDFhNjE1OTNlZGU4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.K_9y_l5828oQ86nRFbvIPn_hwcLX44ba1wmiWKs087A)
Descreve a utilizar do óculos VR com o celular, aplicativos/sites que podem ser utilizados para VR e outros que são completamente dedicados à isso
![](https://private-user-images.githubusercontent.com/108029506/297407485-10ecb854-e320-4d8f-b44e-686ca01db2a8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg3NjAzNTMsIm5iZiI6MTczODc2MDA1MywicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA3NDg1LTEwZWNiODU0LWUzMjAtNGQ4Zi1iNDRlLTY4NmNhMDFkYjJhOC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwNVQxMjU0MTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02MmI4ZGRlOWRmNjcwYmMzZTgzNWUyYWEwMDk5MThjMjFiMjBjNTEwZGVmZmI3YWU2ODgyNzQ4NGYxOWY1ZGJkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.ibSUich3alg77eJZFrCVy_HmvQceP0Q28R44ogjoU9g)
Um tutorial para desenvolver um Tour 3D, equipamentos ideais/alternativos, Softwares para emenda e locais para publicar esse Tour
![](https://private-user-images.githubusercontent.com/108029506/297407721-f366aa62-c98e-471a-a945-4435e1b66a79.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg3NjAzNTMsIm5iZiI6MTczODc2MDA1MywicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA3NzIxLWYzNjZhYTYyLWM5OGUtNDcxYS1hOTQ1LTQ0MzVlMWI2NmE3OS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwNVQxMjU0MTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05MDAwYzMzZmEwNjg4N2ViNDUxZmE4NGJlNGE4YmE4MDU5ZDllOGFjYzc5ODQzYjNiM2NhOTcwMTgzODBhMzYzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.x5YuqZjX-EQ0DUD3bWR-qo6E2zM0nYxb4KUh5V6yrCE)
Explica com base em textos e também em vídeos, como você pode entrar nessa onda do Metaverso: criando seu avatar pelos Apps da Meta e utilizá-los e como desenvolver o seu "Metaverso", das mais diversas formas, seja fácil, médio ou avançado
![](https://private-user-images.githubusercontent.com/108029506/297407928-beed7f4e-a19f-497c-b7ba-2ab8f5451075.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg3NjAzNTMsIm5iZiI6MTczODc2MDA1MywicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA3OTI4LWJlZWQ3ZjRlLWExOWYtNDk3Yy1iN2JhLTJhYjhmNTQ1MTA3NS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwNVQxMjU0MTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hMmVmMjJmMzU4YTc5N2E2MWM3MWJjOTg2ZWQ5YTg3MGU3MmE5ZTBkMjdmNGU3OGNhNjE4OTNkYzYwZmU1ZTdlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.PmmKWK349ux9AhXe_Sqs9XinggwdvLKnYNScJHF-WYU)
Demonstra como criar seu próprio óculos virtual, pelo Google Cardboard, uma plataforma desenvolvida pela grande buscadora para ser utilizada para a criação do mesmo. Sendo uma forma extremamente ecológica e uma alternativa para utilizar um óculos sem precisar comprar um
![](https://private-user-images.githubusercontent.com/108029506/297408196-7cf49919-e031-4752-9c0c-e76052c579f5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg3NjAzNTMsIm5iZiI6MTczODc2MDA1MywicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA4MTk2LTdjZjQ5OTE5LWUwMzEtNDc1Mi05YzBjLWU3NjA1MmM1NzlmNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwNVQxMjU0MTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04Y2RlZmU4YjAyYzI4MDVkZDRhZTQ3MzMxZGM3NDdjM2U0NDE2NzI0MGZjNjU3YTJmNTU4MDIzZGFhMmZlZjljJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.bjuj2UAwc-k36KBhbRmoDXkzcSArmq00h1khTXra9qE)
Curiosidades extras sobre o Metaverso, que incluem a relação dele com criptomoedas, empresas que apostam nela, o mercado, explicações resumidas de aplicações focadas no desenvolvimento e/ou criação (Unity, Blender e CardBoard) e principal linguagem de programação utilizada para o desenvolvimento de jogos e da própria realidade virtual
![](https://private-user-images.githubusercontent.com/108029506/297408459-5b37256b-06c8-4e9b-9fc0-bd5e9e7251f7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg3NjAzNTMsIm5iZiI6MTczODc2MDA1MywicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA4NDU5LTViMzcyNTZiLTA2YzgtNGU5Yi05ZmMwLWJkNWU5ZTcyNTFmNy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwNVQxMjU0MTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00Njc2YWYzZGY1OWI1M2JlZmUxOTdkZDVlMjc2ZDQyOGUzYzU5YTg2N2Y1OTRiNzE0NTk3MDRhZjFkYTQ3MzBkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.-Jl3o2dgvRSZpY9dqiVJANaUnK4tuHYNKjaXOcUpY4E)
É o endereço do site, para o próprio leitor no final avaliar a sua experiência referente ao site, em que o mesmo coloca seu e-mail, nome, avaliação, mensagem e o nível de interesse referente ao assunto após ver o site. Após isso, por um "form" desenvolvido por mim, os dados serão enviados a um formulário do Google Forms
![](https://private-user-images.githubusercontent.com/108029506/297408718-ae13291d-f2a8-4d1d-aca3-29732105d0ed.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg3NjAzNTMsIm5iZiI6MTczODc2MDA1MywicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA4NzE4LWFlMTMyOTFkLWYyYTgtNGQxZC1hY2EzLTI5NzMyMTA1ZDBlZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwNVQxMjU0MTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yY2Q1OGUwNmRhMDJlZjY2NGFiYWRhMjMzMGU3NDAyMTNjOTdmYTRlMzdhYzQ2ZTE0MmJlYjFlNzdiYzI3ZGFlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.6g8MPDluH6KOacJw5cRpEFPfEKs_neQlLfx-zvI1wzU)
Por último, essa seção é mais uma explicação sobre o grupo e os integrantes do grupo (tanto da parte prática da apresentação feita na Feira Tecnológica, quanto do desenvolvimento desse site, que está especificado no Rodapé na parte "Os colaboradores")
![](https://private-user-images.githubusercontent.com/108029506/297408938-f7476e0e-a78e-4d3c-a61c-cf5c9525a136.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg3NjAzNTMsIm5iZiI6MTczODc2MDA1MywicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA4OTM4LWY3NDc2ZTBlLWE3OGUtNGQzYy1hNjFjLWNmNWM5NTI1YTEzNi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwNVQxMjU0MTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02YmRjMmJiZTM1MzkxNzExYmE0YmI3ODNhMDFmZjNmZjkyNTQ2YmFhMzkyMDQxNTRhOTVjMDUxMTU1NGMyYzM0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.4KXToUJvB32A7xuYnAdhru_hEPbw5u_XGK2s2db00VY)
Finalizando, espero que com esse curto resumo do site tenha atiçado sua curiosidade sobre os materiais referentes ao Metaverso e que possa também ter uma experiência ótima vendo o mesmo
Até o próximo README!