1. Web 3.0
The Future of web
Marcelo Serpa

2. Marcelo
Serpa
● Software Architect
● Youtuber :D -> DevsDeValor
● AWS and GCP
● Java & DevOps
● Github: https://github.com/marceloserpa
+++
< design + inovação + software >

3. History

4. Cold War
< design + inovação + software >
+++
● US versus USSR (1947 - 1991)
● Ideological conflict
● The space race
○ Sputnik - 1957

5. ARPANET
< design + inovação + software >
+++
● Fear of conflict in USA
● Advanced Research Project Agency
● Created at 1957
● J.C.R Licklider - MIT
● Galactic Network - 1962
○ UCLA - University of California, Los Angeles
○ UCSB - University of California, Santa Barbara
○ SRI - Stanford Research Institute,
○ UTAH - University of Utah
● 1969 - First email

6. Web 1.0
< design + inovação + software >
+++
● Tim Berners Lee
● 1991 born the web 1.0
● Static Page == Read-only
● The content creator were the developers
● Global digital library
● 1991 - 2004
● WebSite
● Browser
● Server

7. Web 2.0
< design + inovação + software >
+++
● Started at 2004 - now
● Interactive
● You don't need to be a developer to participate
● Internet become massive adopt
● Social media & Ecommerce
● Dominated by centralized apps from Google, Facebook and Amazon
● Collect user data and monetize it without users meaning consent
● Mobile
● Apps
● Cloud

8. Web 2.0 - tradeoffs
< design + inovação + software >
+++
● Ownership of identify
● Customize content using ML
● Lack of privacy
● ADS

9. Web 2.0 - tradeoffs
< design + inovação + software >
+++

10. New Techs == new opportunities

11. Web 3.0
< design + inovação + software >
+++
● Decentralization
○ users privacy
○ to resist government censorship
● Verifiable
● Trustless
● Self-governing
● Permissionless
● Distributed and robust
● Stateful
● Native built-in payments

12. Web 3.0 - Layers
< design + inovação + software >
+++

13. Interaction

14. VR / AR / MR
< design + inovação + software >
+++
● VR and AR become interface
● Virtual Reality == Artificial digital environment
● Augmented Reality == Layered on top of the
real world
● Mixed Reality == Hybrid reality
● Immersion

15. Biology
< design + inovação + software >
+++
● Best aligned with our biology
○ some statistics suggest that the brain processes images
6x-600x times faster than text
■ images are processed in parallel
■ language are processed linear
● AR can enable telepresence

16. IoT & Wearables
< design + inovação + software >
+++
● Digitalization of every object in real world
● Capture data from every people
● 30B -> trillions in the next decade
● health monitoring

17. Computation

18. AI & ML
< design + inovação + software >
+++
● Cognitive computing
● Semantic Web
○ “Smartness”
● Optimize and prescribe activities

19. Information

20. BTC Blockchain
< design + inovação + software >
+++
● Created by Satoshi Nakamoto
● Bitcoin released at 2008
● Decentralized cash system
● Network for BTC
● Storage value
● Like linkedin-list but immutable
● P2P - You don’t need an intermediary like a bank

21. Ethereum Blockchain
< design + inovação + software >
+++
● Whitepaper created by Vitalik Buterin - 17 years old - 2013
● Ethereum starts 2015
● Main difference from BTC Blockchain
● Storage code
● You don’t need any type of intermediary
● No censorship

22. Smart Contract
< design + inovação + software >
+++
● Contracts as code
○ Programmable
○ Automated
○ Self-executing
● Solidity
● Decentralized Applications

23. Smart Contract
< design + inovação + software >
+++

24. < design + inovação + software >
+++

25. Smart Contract - Use cases
< design + inovação + software >
+++

26. Axie Infinity
< design + inovação + software >
+++

27. DApp - Pete’s Pet Shop (Truffle tutorial)

28. Pete’s Pet shop
< design + inovação + software >
+++
● Based on https://www.trufflesuite.com/tutorial
● Adopt a dog using your crypto wallet

29. Pete’s Pet shop
< design + inovação + software >
+++

30. DApp - Yu-Gi-Oh! Decentralized Store

31. Pete’s Pet shop
< design + inovação + software >
+++
● Based on https://www.trufflesuite.com/tutorial
● Adopt a dog using your crypto wallet

32. < design + inovação + software >
+++

33. DApps - Tradeoffs
< design + inovação + software >
+++
● Is Smart Contract a new Backend?
● Complexity
● Learning Curve
● Expensive - Gas fees
● Slow

34. It’s just the beginning

35. Web 3.0 + Metaverse
< design + inovação + software >
+++

36. Bio
< design + inovação + software >
+++
● https://ethereum.org/en/dapps/
● http://trufflesuite.com/tutorial/
● https://dappradar.com/
● https://endireito-cienciasjuridicas.jusbrasil.com.br/artigos/540493001/www-aspectos-gerais-da-rede-
mundial-de-computadores-world-wide-web
● https://www.forbes.com/sites/forbestechcouncil/2020/01/06/what-is-web-3-0/?sh=ce8816158dfb
● https://techinnovations.info/why-every-organization-needs-an-augmented-reality-strategy/?gclid=Cj0
KCQiA7oyNBhDiARIsADtGRZYx629nd7WyFWMRH3d_4XpbhsR82vIEOAFxESwcpcqZZn-A_y3dif8aA
hs4EALw_wcB
● https://oit.williams.edu/files/2010/02/using-images-effectively.pdf
● https://forkast.news/how-blockchain-drive-video-games-web-3-future/
● https://www.emailaudience.com/research-picture-worth-1000-words-marketing/

37. Thanks!
< design + inovação + software >
+++
Marcelo Serpa
Software Architect
marcelo.serpa@ilegra.com