Sebastian Zug, André Dietrich
TU Bergakademie Freiberg (Germany)
{{0-2}}
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-3}}
{{3}}
This presentation references related technologies and illustrates their application on learning contexts. Feel free to experiment :-)
- Course Representation - Progressive Web Apps
- Course Distribution - Decentralized Storage & Dissemination
- Inner-Course Interaction - Serverless Communication
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 settingsServiceWorker.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.
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.
{{0-1}}
{{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.
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.
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
- Project website: https://LiaScript.github.io
- Code: https://github.com/liascript
- YouTube: https://www.youtube.com/channel/UCyiTe2GkW_u05HSdvUblGYg
Edit this course online.
Kontakt via:
- eMail: LiaScript@web.de
- Twitter: https://twitter.com/LiaScript
- Chat: https://gitter.im/LiaScript/community