The document discusses the history and future of the World Wide Web. It describes the evolution from Web 1.0's static pages to today's interactive Web 2.0 with social media and mobile apps. Web 3.0 is proposed as a decentralized future utilizing blockchain, virtual reality, artificial intelligence and a more immersive experience. Key aspects of Web 3.0 include decentralization, verification, self-governance and built-in payments. Examples of emerging applications include virtual worlds, smart contracts, and decentralized applications.

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