INTRODUCTION TO
BLOCKCHAIN, WEB3 &
METAVERSE
By Jason
Yapri
JY
ABOUT ME
Jason Yapri
JY
Education Career
BEng & Skom | Information Technology Web System Developer
Swiss German University (SGU) Userlutions GmbH
2013 – 2017 2016
MSc | Entrepreneurship Full-Stack Web Developer
University of Nottingham Ningbo China (UNNC) PT Inti Sinergi Teknologi (Inergi)
2017 – 2018 2021 - 2022
MOOC | NFTs and the Metaverse Metaverse Engineer
University of Nicosia (UNIC) AAG Ventures Pte Ltd
2022 - present 2022 - present
Cardano Developer
2022 - 2023
jasonyaprii linkedin.com/in/jasonyapri
JY
ABOUT AAG
JY
https://
aag.ventures /
J
Y
JY
JY
https://getmeta.one/
J
Y
https://coinmarketcap.com/currencies/aag-ventures/
JY
https://aag.ventures/academy/
J
Y
SESSIONS
JY
TODAY
0 02 03
1
BLOCKCHAIN WEB 3 META VERSE
JY
AGENDA
JY
AGENDA
WRAP
UP
Q&A
MATERIAL
&
QUIC QUI
K Z
POLL
JY
RECOMMENDATION
Write important things
on:
Physical Notebook https://notion.so https://evernote.com
JY
~ BE ACTIVE IN CLASS ~
JY
~ OPEN YOUR CAMERA ~
JY
QUESTIONS ?
Slido.com
or (Code: 212
313)
JY
QUICK POLL
JY
Have You Ever Used
MetaMask?
ⓘ Go to Slido.com and enter the Code 212 313
JY
LET’S START
JY
WEB
3
JY
HISTORY OF
WEB
198
9
199
WEB 1.0 9
• Limited
Interaction
• Mostly P ublishing
• Static W eb
P ages (read-
only W eb)
JY
HISTORY OF
WEB
1999
[2004]
198 201
9 WEB 2.0 4
• Interactive data (read-and-write
Web)
• Rich User Experience
• Participation & collaboration
• Social M edia
JY
HISTORY OF
WEB
2014
[2021]
2004 ???
WEB 3.0
Aim: To put more control over web content to users
• Powered by Blockchain Technology (read-write-
own W eb)
• More decentralized version of Internet
JY
WEB3 A00 vs
DA00
Web3 App = DApp
(Decentralized
A00lications)
JY
EXAMPLES OF
DAPP
— opensea.io (NFT Marketplace) JY
EXAMPLES OF
DAPP
— opensea.io (NFT Marketplace) JY
EXAMPLES OF
DAPP
— opensea.io/collection/ghozali-everyday (NFT Marketplace) JY
EXAMPLES OF
DAPP
— play.decentraland.org (W eb 3.0 JY
M etaverse)
WEB3 Wallet vs CRYPTO
Wallet
We b3 Wallet = Crypto
Wallet
(Digital wallet used to store digital
assets)
JY
TYPES OF WEB3
WALLETS
Source: https://clarusway.com/what-is-a-web3-wallet/ JY
TYPES OF HOT
WALLETS
JY
HOT
WALLETS
JY
COLD WALLETS
Source: https://clarusway.com/what-is-a-web3-wallet/ JY
PROS OF WEB3
WALLET
Source: https://clarusway.com/what-is-a-web3-wallet/ JY
CONS OF WEB3
WALLET
Source: https://clarusway.com/what-is-a-web3-wallet/ JY
WEB2
ARCHITECTURE
Database
via Internet
Use
r Source: Academind.com JY
FRONTEND TECHNOLOGIES FOR
WEB
JY
FRONTEND FRAMEWORKS FOR
WEB
JY
FRONTEND TECHNOLOGIES FOR
MOBILE
JY
BACKEND TECHNOLOGIES &
FRAMEWORKS
JY
WEB3
ARCHITECTURE
Source: thenewstack.io JY
WEB3
ARCHITECTURE
Source: blog.chain.link/how-to-build-a-dapp/ JY
Source: https://alchemy.com/blog/web3-stack JY
WHO ENTERED THE WEB3
SPACE?
Starbucks Coffee Company is working with Polygon to provide the blockchain technology to build its recently
announced Web3 experience, Starbucks Odyssey.
This new Web3-powered experience will allow Starbucks Rewards loyalty program members in the US to earn and purchase
digital collectible stamps in the form of NFTs.
Source: https://blog.polygon.technology/starbucks-taps-polygon-for-its-starbucks-odyssey-web3-experience/ JY
WHO ENTERED THE WEB3
SPACE?
Source: https://micdrop.pepsi.com/ JY
WHO ENTERED THE WEB3
SPACE?
Source: https://www.voguebusiness.com/technology/gucci-takes-the-leap-will-accept-crypto-in-us-stores JY
WHO ENTERED THE WEB3
SPACE?
Source: techcrunch.com/2020/05/27/cryptokitties-developer-launches-nba-top-shot-a-new-blockchain-based-collectible-collab-with-the-nba/ JY
RECENT
NEWS
Source: https://www.bloomberg.com/news/articles/2022-10-16/south-korea-aims-to-boost-economy-with-digital-id-on-blockchain JY
RECENT
NEWS
Source: https://www.bloomberg.com/news/articles/2022-10-16/south-korea-aims-to-boost-economy-with-digital-id-on-blockchain JY
TIPS
Mobile 1 U
I
AI
Frontend
Blockchain
W eb
Cyber Security
DevOps
Data
ML
Backend UX
JY
TIPS
1
JY
TIPS
2
JY
TIPS
2
Bruno
Simon
O
JY
p
TIPS
3
N et w o r k ! !
JY
Recommended YouTube Videos
Become a Web 3 & Blockchain Developer in 2022 | Practical
Step by Step Solidity and Web3 Roadmap
https://youtu.be/aVQJGr2J8io
JY
Further Reading
Why Everyone Needs to Know About the Web3
Revolution https://blog.aag.ventures/why-everyone-needs-to-know-
about-the-web3- revolution-73fa0f0d7f68
JY
Further Reading
AAG Academy
https://aag.ventures/academy/
JY
Further Reading
JY
Further Reading
Source: AAG Academy JY
(https://aag.ventures/academy/)
QUIZ TIME!
J
Y
QUESTIONS ?
Slido.com
or (Code: 212
313)
JY
Q&A Session
ⓘ Go to Slido.com and enter the Code 212 313
JY
LET’S WRAP
UP
JY
WRAP UP
Share to your class:
(using Google Jamboard)
● 3 things you learn
today
JY
THANKS!
jasonyaprii
linkedin.com/in/
jasonyapri
jasonyapri.com
CREDITS: This presentation template was
created by Slidesgo, including icons by
Flaticon, and infographics & images by
Freepik.
JY
REFERENCES
University of Nicosia (UNIC) MOOC: NFTs and the
Metaverse
The Metaverse: And How It will Revolutionize
Everything McKinsey Report – Value Creation in the
Metaverse McKinsey Report – Technology Trends
Outlook 2022 Nextrope Report – The state of the
M etaverse in 2022 Blockchain Council – Certified
Metaverse Expert Slides Google and YouTube
JY