{"id":23949706,"url":"https://github.com/liaplayground/web3_presentation","last_synced_at":"2026-02-21T23:02:43.651Z","repository":{"id":169488035,"uuid":"645475465","full_name":"LiaPlayground/Web3_Presentation","owner":"LiaPlayground","description":null,"archived":false,"fork":false,"pushed_at":"2023-05-26T10:56:00.000Z","size":2971,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-10-25T08:32:37.500Z","etag":null,"topics":["liascript","liascript-course"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/LiaPlayground.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-05-25T18:32:49.000Z","updated_at":"2025-02-10T09:39:24.000Z","dependencies_parsed_at":null,"dependency_job_id":"b43db5cf-f90c-4853-bde3-4919fe7007ed","html_url":"https://github.com/LiaPlayground/Web3_Presentation","commit_stats":null,"previous_names":["liaplayground/web3_presentation"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/LiaPlayground/Web3_Presentation","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiaPlayground%2FWeb3_Presentation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiaPlayground%2FWeb3_Presentation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiaPlayground%2FWeb3_Presentation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiaPlayground%2FWeb3_Presentation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LiaPlayground","download_url":"https://codeload.github.com/LiaPlayground/Web3_Presentation/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiaPlayground%2FWeb3_Presentation/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29696813,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-21T18:18:25.093Z","status":"ssl_error","status_checked_at":"2026-02-21T18:18:22.435Z","response_time":107,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["liascript","liascript-course"],"created_at":"2025-01-06T11:50:06.434Z","updated_at":"2026-02-21T23:02:43.620Z","avatar_url":"https://github.com/LiaPlayground.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!--\nauthor: Sebastian Zug\n\nlogo:   https://cdn0.scrvt.com/4d3e519fe5939342b95c7312343779ef/fc8202bd3710a2c1/41542924833b/v/757988c13854/eLearning-Africa-2023.png\n\nversion: 1.0.0\n\nlink:    https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css\n--\u003e\n\n[![LiaScript](https://raw.githubusercontent.com/LiaScript/LiaScript/master/badges/course.svg)](https://liascript.github.io/course/?https://github.com/LiaPlayground/Web3_Presentation/blob/main/README.md)\n\n# How to apply Web 3.0 technologies to enable sustainable and community driven online-learning\n\n----------\n\n\u003cdiv style=\"width: 46%; float: left;\"\u003e\n\n__Sebastian Zug, André Dietrich__\n\n__TU Bergakademie Freiberg (Germany)__\n\n\u003c/div\u003e\n\n![logo](https://cdn0.scrvt.com/4d3e519fe5939342b95c7312343779ef/fc8202bd3710a2c1/41542924833b/v/757988c13854/eLearning-Africa-2023.png)\u003c!-- style=\"width: 50%; float: right\" --\u003e\n\n## Motivation\n\n                      {{0-2}}\n**********************************************\n\nCapabilities of a Browser ...\n==============================\n\n__What do you think is a modern browser capable of?__\n\n- [[X]] Generating text to speech output\n- [[X]] Storing LARGE amounts of data\n- [[X]] Cache websites and access them offline\n- [[X]] Access your device sensory information (GPS/orientation/light/compass/...)\n- [[X]] Connect to another browser directly to exchage audio/video/data\n- [[X]] Be a peer in a peer to peer filesharing network\n- [[X]] Virtual \u0026 Augmented Reality applications\n- [[X]] Bluetooth connections\n\n************************************************\n\n                      {{1-2}}\n**********************************************\n\n\u003e The Browser is the next Operating System.\n\u003e\n\u003e --often assigned to Marc Andreessen (Netscape Co-Founder)\n\n************************************************\n\n{{2-4}}\n... and their Application in LMSs\n================================\n\n                      {{2-3}}\n![Moodle Plattform](img/cloud0.png)\u003c!-- class=\"animate__animated animate__zoomIn\" --\u003e\n\n                      {{3}}\n![LiaScript](img/cloud3.png)\u003c!-- class=\"animate__animated animate__zoomIn\" --\u003e\n\n## Technology overview\n\n\u003e This presentation references related technologies and illustrates their application on learning contexts. Feel free to experiment :-)\n\n1. __Course Representation__ - Progressive Web Apps\n2. __Course Distribution__ - Decentralized Storage \u0026 Dissemination\n3. __Inner-Course Interaction__ - Serverless Communication\n\n### 1. Progressive Web Apps\n\n\u003e 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...\n\u003e\n\u003e It is intended to work on any platform with a standards-compliant browser, including desktop and mobile devices.\n\u003e\n\u003e -- Source: [Wikipedia](https://en.wikipedia.org/wiki/Progressive_web_app)\n\nRequirements:\n\n- `manifest.json`: Meta information, base settings\n- `ServiceWorker.js`: Used caching strategies\n- [[IndexedDB](https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API?retiredLocale=de)]: Storing large amounts of data persistently\n\n\u003c!-- style=\"background: #bdad298f\" --\u003e\n                     {{1}}\n\u003e __Experiment:__ The current LiaScript Website is an example of a progressive web app. Turn on the flight mode and reload the page.\n\u003e ![QR code](./img/QR_basic_course.png)\u003c!-- style=\"width: 50%;\" --\u003e\n\n### 2. Decentralized Storage \u0026 Dissemination\n\n\u003cdiv style=\"width:100%;height:0;padding-bottom:80%;position:relative;\"\u003e\u003ciframe src=\"https://giphy.com/embed/3ogwFSxwLoc3eNSfyE\" width=\"100%\" height=\"100%\" style=\"position:absolute\" frameBorder=\"0\" class=\"giphy-embed\" allowFullScreen\u003e\u003c/iframe\u003e\u003c/div\u003e\u003cp\u003e\u003ca href=\"https://giphy.com/gifs/feistmusic-century-feist-3ogwFSxwLoc3eNSfyE\"\u003evia GIPHY\u003c/a\u003e\u003c/p\u003e\n\n\n#### Inter-Planetary File System\n\n\u003e __The web of tomorrow needs IPFS today__\n\u003e\n\u003e IPFS aims to complement HTTP in order to build a better web for all of us. \n\u003e\n\u003e -- WebSite: https://ipfs.tech\n\n                   {{1}}    \n``` ascii\n\n   (Client-Server Architektur)           (Peer-to-Peer (IPFS))\n ┌────────────────────────────┐     ┌────────────────────────────\n▒│ 📱 -----.        .----- 💻 │    ▒│     📱---------💻 ┄ ┄ ┄ ┄\n▒│          \\      /          │    ▒│    / \\          \\\n▒│           \\    /           │    ▒│   /   \\          \\\n▒│  💻 ------- 🖥 ------- 📱  │    ▒│ 💻-----💻---------📱 ┄ ┄\n▒│           /    \\           │    ▒│   \\   /  \\       /\n▒│          /      \\          │    ▒│    \\ /    \\            📱\n▒│ 📱 -----'        '----- 💻 │    ▒│     📱-----💻 ┄ ┄ ┄ ┄\n▒└────────────────────────────┘    ▒└────────────────────────────\n▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒     ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒\n```\n\n\u003c!-- style=\"background: #bdad298f\" --\u003e\n                        {{2}}\n\u003e __Experiment:__ Download the [Brave-Browser](https://brave.com) and try to share content via IPFS.\n\u003e\n\u003e !?[Brave Browser \u0026 IPFS](https://www.youtube.com/watch?v=hpwh_zLpnCE)\n\n\n#### Darknet: Tor \u0026 OnionShare\n\n                {{0-1}}\n![Censorship](img/censorship.png)\n\n                {{1}}\n\u003e 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.\n\u003e\n\u003e Website: https://www.torproject.org\n\n\n\n                 {{2}}\n\u003e OnionShare is an open source tool that lets you securely and anonymously share files, host websites, and chat with friends using the Tor network.\n\u003e\n\u003e sWebsite: https://onionshare.org\n\n\u003c!-- style=\"background: #bdad298f\" --\u003e\n            {{3}}\n\u003e __Experiment:__ Download the Tor-Browser and OnionShare and try out disseminating.\n\u003e You can setup a private chat too.\n\u003e\n\u003e !?[OnionShare](https://www.youtube.com/watch?v=D2OLpNtbFD8)\n\n### 3. Serverless Communication\n\n\u003e __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\n\u003e\n\u003e Source: [Wikipedia](https://en.wikipedia.org/wiki/WebRTC)\n\nApplications:\n\n- [WebTorrent](https://webtorrent.io): Browser-based torrent capable of streaming videos.\n- [Meet.Jit.Si](https://meet.jit.si): Platform for video-chat and online meetings.\n- [Instant.io](https://instant.io): Share a file via the Browser.\n\n\u003c!-- style=\"background: #bdad298f\" --\u003e\n            {{1}}\n\u003e __Experiment:__ Create a Classroom directly from our LiaScript PWA.\n\u003e\n\u003e !?[Classroom](https://www.youtube.com/watch?v=Kjk6OblugXI)\n\n#### Example: Classroom\n\nWhat do you think is the most relevant feature for sustainable education.\n\n- [[PWA]] Progressive Web APP \u0026 Caching\n- [[Decentralized Storage]] Decentralization\n- [[Communication]] Browser-based Realtime Communication\n\n## Contact\n\n* Project website: https://LiaScript.github.io\n* Code: https://github.com/liascript\n* YouTube: https://www.youtube.com/channel/UCyiTe2GkW_u05HSdvUblGYg\n\n---\n\nEdit this course [online](https://liascript.github.io/LiveEditor/?/show/file/https://raw.githubusercontent.com/LiaPlayground/Web3_Presentation/main/README.md).\n\n---\n\n!?[ela23 Tutorial](https://www.youtube.com/watch?v=8UtlwH0o8FI \"Record of the eLearing Afrika Tutorial\")\n\n---\n\n__Kontakt via:__\n\n* eMail: [LiaScript\\@web.de](mailto:LiaScript@web.de)\n* Twitter: https://twitter.com/LiaScript\n* Chat: https://gitter.im/LiaScript/community\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliaplayground%2Fweb3_presentation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fliaplayground%2Fweb3_presentation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliaplayground%2Fweb3_presentation/lists"}