Skip to content

LiaPlayground/Web3_Presentation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation

LiaScript

How to apply Web 3.0 technologies to enable sustainable and community driven online-learning


Sebastian Zug, André Dietrich

TU Bergakademie Freiberg (Germany)

logo

Motivation

                  {{0-2}}

Capabilities of a Browser ...

What do you think is a modern browser capable of?

  • [[X]] Generating text to speech output
  • [[X]] Storing LARGE amounts of data
  • [[X]] Cache websites and access them offline
  • [[X]] Access your device sensory information (GPS/orientation/light/compass/...)
  • [[X]] Connect to another browser directly to exchage audio/video/data
  • [[X]] Be a peer in a peer to peer filesharing network
  • [[X]] Virtual & Augmented Reality applications
  • [[X]] Bluetooth connections

                  {{1-2}}

The Browser is the next Operating System.

--often assigned to Marc Andreessen (Netscape Co-Founder)


{{2-4}} ... and their Application in LMSs

                  {{2-3}}

Moodle Plattform

                  {{3}}

LiaScript

Technology overview

This presentation references related technologies and illustrates their application on learning contexts. Feel free to experiment :-)

  1. Course Representation - Progressive Web Apps
  2. Course Distribution - Decentralized Storage & Dissemination
  3. Inner-Course Interaction - Serverless Communication

1. Progressive Web Apps

A progressive web application (PWA), or progressive web app, is a type of application software delivered through the web, built using common web technologies including HTML, CSS, JavaScript...

It is intended to work on any platform with a standards-compliant browser, including desktop and mobile devices.

-- Source: Wikipedia

Requirements:

  • manifest.json: Meta information, base settings
  • ServiceWorker.js: Used caching strategies
  • [IndexedDB]: Storing large amounts of data persistently
                 {{1}}

Experiment: The current LiaScript Website is an example of a progressive web app. Turn on the flight mode and reload the page. QR code

2. Decentralized Storage & Dissemination

<iframe src="https://giphy.com/embed/3ogwFSxwLoc3eNSfyE" width="100%" height="100%" style="position:absolute" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>

via GIPHY

Inter-Planetary File System

The web of tomorrow needs IPFS today

IPFS aims to complement HTTP in order to build a better web for all of us.

-- WebSite: https://ipfs.tech

               {{1}}    

   (Client-Server Architektur)           (Peer-to-Peer (IPFS))
 ┌────────────────────────────┐     ┌────────────────────────────
▒│ 📱 -----.        .----- 💻 │    ▒│     📱---------💻 ┄ ┄ ┄ ┄
▒│          \      /          │    ▒│    / \          \
▒│           \    /           │    ▒│   /   \          \
▒│  💻 ------- 🖥 ------- 📱  │    ▒│ 💻-----💻---------📱 ┄ ┄
▒│           /    \           │    ▒│   \   /  \       /
▒│          /      \          │    ▒│    \ /    \            📱
▒│ 📱 -----'        '----- 💻 │    ▒│     📱-----💻 ┄ ┄ ┄ ┄
▒└────────────────────────────┘    ▒└────────────────────────────
▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒     ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
                    {{2}}

Experiment: Download the Brave-Browser and try to share content via IPFS.

!?Brave Browser & IPFS

Darknet: Tor & OnionShare

            {{0-1}}

Censorship

            {{1}}

The Tor network is an anonymizing network that allows users to obscure their online activities and protect their identity by routing their traffic through a series of volunteer-run Tor servers, making it difficult to trace their actual IP address.

Website: https://www.torproject.org

             {{2}}

OnionShare is an open source tool that lets you securely and anonymously share files, host websites, and chat with friends using the Tor network.

sWebsite: https://onionshare.org

        {{3}}

Experiment: Download the Tor-Browser and OnionShare and try out disseminating. You can setup a private chat too.

!?OnionShare

3. Serverless Communication

WebRTC (Web Real-Time Communication) is a free and open-source project providing web browsers and mobile applications with real-time communication (RTC) via application programming interfaces (APIs). It allows audio and video communication to work inside web pages by allowing direct peer-to-peer communication, eliminating the need to install plugins or download native apps

Source: Wikipedia

Applications:

  • WebTorrent: Browser-based torrent capable of streaming videos.
  • Meet.Jit.Si: Platform for video-chat and online meetings.
  • Instant.io: Share a file via the Browser.
        {{1}}

Experiment: Create a Classroom directly from our LiaScript PWA.

!?Classroom

Example: Classroom

What do you think is the most relevant feature for sustainable education.

  • [[PWA]] Progressive Web APP & Caching
  • [[Decentralized Storage]] Decentralization
  • [[Communication]] Browser-based Realtime Communication

Contact


Edit this course online.


!?ela23 Tutorial


Kontakt via:

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published