Aprenda como criar uma aplicação web3 sem saber programar!

Primeiramente precisamos entender alguns pontos para facilitar o entendimento, principalmente quando se trata de tecnologia, onde nem sempre estamos familiarizados.

Mas... que é web 3.0 ?

Para entender o que é web 3.0, seria bom voltarmos alguns anos no passado, com a popularização dos computadores e Internet, onde aproximadamente 1 milhão de computadores se conectavam na Internet, o que não é muita coisa se compararmos a hoje, onde temos algo em torno de 4,9 bilhões de pessoas conectadas (Fonte). A web 1.0 era extremamente complicada, onde era quase impossível achar contatos ou fontes de informação na internet, naquela época não havia google, facebook, ou quaisquer outras redes sociais que pudéssemos usar para nos comunicar, naquela época o protocolo IRC (Internet relay chat), era o que permitia enviar e receber mensagens com alguns contatos, o que era incrivelmente divertido.

Com o passar do tempo, houve uma necessidade de interação maior com os usuários da rede, o que até então na web 1.0 era comum ler conteúdos, mas de extrema dificuldade criá-los, o que tornava difícil manter contato com leitores e consumidores de conteúdo. Após este período, nasce a web 2.0 com foco em criação de conteúdo dos próprios usuários, que não dependiam mais de grandes portais de notícias, ou protocolos complicados para compartilhar informações, nascendo redes sociais, como orkut, facebook, snapchat, twitter e várias outras.

Com a grande quantidade de informação compartilhada e o aumento exponencial de usuários na internet, as grandes empresas começaram a comercializar o produto mais valioso possível, você! Os usuários tornaram-se o “grande produto” com altíssimo valor de mercado, com criação de conteúdo ilimitado e consumo de conteúdo ilimitado.

Já a web 3.0 é uma combinação entre a web 1 e 2, com a criação de conteúdo descentralizada da web 1.0 e as funcionalidades modernas da web 2.0, afinal o propósito deste site é exatamente esse, descentralizar a informação e entregar o valor aos criadores/usuários.

Alguns pontos da web 3.0:

Descentralizado;
Sem censura;
Monetização de criadores (DAO, tokens sociais e etc…)

Precisamos entender que não se trata de remover dinheiro ou recursos do sistema, mas dar às pessoas o controle desse dinheiro ou recurso, com o objetivo de melhorar a rede e receber por isso, a Web3 fornece um conjunto de ferramentas que ajudam os criadores a monetizar seus conteúdos criado ao longo dos anos.

Informações rápidas para continuar:

O que é DAO: Uma organização autônoma descentralizada ou DAO é uma organização cujas regras são especificadas através de programas de computador conhecidos como contratos inteligentes, os quais são executados e validados por uma blockchain.

O que é NFT: Um token não fungível é um tipo especial de token criptográfico que representa algo único. Diferentemente das criptomoedas como o Bitcoin e de vários outros tokens utilitários, os NFTs não são mutuamente intercambiáveis como o dinheiro, onde o dinheiro pode ser trocado por outro.

Continuando…

Vamos utilizar a plataforma do bubble.io, então você precisará de um usuário e senha.
Após realizar seu cadastro e logar, crie seu primeiro APP respondendo a um simples form.

Preencha o formulário com as informações de como será o seu app, e abra seu app para começar a editar.

Por padrão a plataforma já cria um conteúdo de exemplo, mas vamos apagar, não vamos precisar de nada disso, selecione tudo e delete, CTRL + A e DELETE.

Clique na opção de plugins no menu lateral.

Adicione um novo plugin, chamado login with metamask. Para quem não sabe metamask é uma carteira de criptomoedas muito popular que pode ser adicionado ao ser navegador como um complemento.

Após adicionar o plugin sugiro baixar e instalar o complemento da carteira no navegador para testar nossa aplicação https://metamask.io/.

Na tela de design vamos criar nosso sistema de login, adicione o Login with Metamask clicando e arrastando para o centro da tela.

Depois de adicionar o login, vamos criar um botão, que ao ser clicado enviará a solicitação para nossa carteira.

O procedimento é o mesmo, clica no elemento button e arraste para o centro da tela, assim você verá algo como isto:

Após criar o botão e a janela de propriedade estiver aberta, clique em start/edit workflow, lá vamos definir as ações de nosso botão.

Na tela de workflow veremos a ação do nosso botão em cinza, clique na ordem a seguir e adicione a ação “Metamask login a login with metamak” ao seu botão.

Agora podemos testar usando o botão de preview no topo da página.

E funcionou...

Podemos conectar a nossa metamask agora. Mas e ai? Como podemos usar isso?

Voltando ao painel, na área de design podemos criar um elemento de texto, que usaremos para mostrar a id da carteira, caso precisemos dela para manipular conteúdo baseado no usuário que a pertence.

Da mesma forma que adicionamos o botão vamos adicionar o elemento de texto, mas deixaremos o seu conteúdo sem nada.

Apague o texto inicial e deixe em branco, e clique na aba conditional, e depois em “Define another contition”.

Clique no campo when: depois em “Loginwithmetamask A”

Depois em “s’ Is logged in”, depois em more, e em seguida “is “yes””

No campo abaixo, selecione “Text”, depois clique em “insert dynamic data”.

Adicione a opção “user public id” do componente “login with metamask”

Agora vamos voltar ao nosso preview, e vamos verificar como ficou nosso app.

Prontinho, com isso podemos manipular elementos e até mesmo buscar itens no banco de dados baseado na id da carteira do usuário, permitindo criar aplicativos web3 sem a necessidade de saber programação.

Então é isso, obrigado por ler até aqui, e me segue no instagram clicando na imagem , vlwww.

Pode variar dependendo do contexto, relacionado a criptomoedas por exemplo, os países costumam criar suas próprias regras e até ameaças, algumas vezes baseados em especulação ou regras sem muito sentido, afinal criptomoedas ainda é muito recente. Ainda no Brasil, a PL que tenta regulamentar as criptomoedas diz que não pode ser criado nenhum tipo de criptomoeda dentro do nosso país, mas pode haver sistema de pontos ou bonificações, como milhas e pontos de cartões de crédito ou cashback points, (que serve até para compra de produtos o que não difere tanto de uma sistema de moedas). Eu entendo que essa possível lei possa ser falha, imagine se o sistema de ‘pontos’ te permite trocar seus ‘pontos’ por cripto 'criadas em outros países' ou moedas consolidadas como ETH ou BTC, isso acabaria escapando das censuras de um jeito ou de outro.

Relacionado a publicações, não acho que a censura resolva problema com conteúdos duvidosos, podemos contornar isso de outra forma, nós precisamos entender que no ‘mundo cripto’ ou no ‘mundo real’ cada um é responsável pelo que cria, um bom exemplo é do criador do megaupload, preso principalmente por compartilhar conteúdo pirateado. Lembro que após fechar o megaupload, a solução para escapar de futuros processos e se eximir de responsabilidades, “Kim dotcom” recriou o mega transferindo a responsabilidade do conteúdo armazenado ao usuários, criptografando o conteúdo e atribuindo a responsabilidade do conteúdo a conta vinculada. Felizmente não podemos nos responsabilizar pelo erro dos outros, ou simplesmente impedir o usuário de expressar o que pensa, mas podemos fazer com que ele seja responsável pelo que cria.

Obs: Passei 4 meses para responder pq havia perdido a senha kkkkkk, so depois de implementar a recuperacao de senha conseguir responder.