<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="de">
	<id>https://staging.moocwiki.org/index.php?action=history&amp;feed=atom&amp;title=Playhop_und_Browsergames</id>
	<title>Playhop und Browsergames - Versionsgeschichte</title>
	<link rel="self" type="application/atom+xml" href="https://staging.moocwiki.org/index.php?action=history&amp;feed=atom&amp;title=Playhop_und_Browsergames"/>
	<link rel="alternate" type="text/html" href="https://staging.moocwiki.org/index.php?title=Playhop_und_Browsergames&amp;action=history"/>
	<updated>2026-07-04T07:18:11Z</updated>
	<subtitle>Versionsgeschichte dieser Seite in MOOCsWiki Staging</subtitle>
	<generator>MediaWiki 1.45.3</generator>
	<entry>
		<id>https://staging.moocwiki.org/index.php?title=Playhop_und_Browsergames&amp;diff=31940&amp;oldid=prev</id>
		<title>Glanz: aiMOOC über GPT aiMOOC Action erstellt</title>
		<link rel="alternate" type="text/html" href="https://staging.moocwiki.org/index.php?title=Playhop_und_Browsergames&amp;diff=31940&amp;oldid=prev"/>
		<updated>2026-07-02T07:17:41Z</updated>

		<summary type="html">&lt;p&gt;aiMOOC über GPT aiMOOC Action erstellt&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Neue Seite&lt;/b&gt;&lt;/p&gt;&lt;div&gt;{{T}}&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Einleitung =&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;[[Playhop]]&amp;#039;&amp;#039;&amp;#039; ist eine Plattform für [[Browserspiel|browserbasierte Spiele]]. Du kannst dort Spiele direkt im [[Webbrowser]] starten, ohne vorher ein Programm installieren zu müssen. Der Name eignet sich im Unterricht, um über [[Online-Spiel|Online-Spiele]], [[Medienkompetenz]], [[Datenschutz]], [[Werbung]], [[Jugendschutz]] und einfache Grundlagen der [[Webentwicklung]] zu sprechen. Dieser aiMOOC betrachtet Playhop nicht als Werbung für eine Plattform, sondern als Beispiel dafür, wie moderne [[Browsergame|Browsergames]] funktionieren und wie Du sie kritisch, sicher und kreativ einordnen kannst.&lt;br /&gt;
&lt;br /&gt;
[[Datei:Playhop logo.png|300px|rahmenlos|center]]&lt;br /&gt;
&lt;br /&gt;
Viele Browsergames wirken auf den ersten Blick sehr einfach: Du klickst auf ein Spiel, spielst wenige Minuten und wechselst dann vielleicht zum nächsten Titel. Dahinter stehen aber wichtige Fragen: Welche [[Spielmechanik|Spielmechaniken]] motivieren Dich? Welche Daten können verarbeitet werden? Warum sind viele Spiele kostenlos? Welche Rolle spielen [[Werbung]], [[Empfehlungsalgorithmus|Empfehlungen]], [[Nutzeroberfläche|Oberflächen-Design]] und [[Geschäftsmodell|Geschäftsmodelle]]? Und wie kannst Du selbst ein kleines, faires Spiel planen?&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Was ist Playhop? =&lt;br /&gt;
&lt;br /&gt;
Playhop beschreibt sich als kostenlose Plattform für zahlreiche [[Online-Spiel|Online-Spiele]], die direkt im Browser laufen. Die Plattform verweist auf viele [[Genre|Genres]], auf das Spielen ohne Download und auf ein Empfehlungssystem, das ähnliche Spiele vorschlagen kann.&amp;lt;ref&amp;gt;https://playhop.com/faq&amp;lt;/ref&amp;gt; Für Entwicklerinnen und Entwickler stellt Playhop eine Veröffentlichungsplattform für [[HTML5]]- und [[WebGL]]-Spiele dar und nennt dabei auch [[Monetarisierung|Einnahmemöglichkeiten]] über spielbezogene Geschäftsmodelle.&amp;lt;ref&amp;gt;https://playhop.com/developers&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Für Dich als Lernende oder Lernender ist daran besonders interessant: Playhop zeigt typische Merkmale moderner Browsergame-Plattformen. Spiele werden nicht einzeln im Laden gekauft, sondern über eine digitale Oberfläche ausgewählt. Die Plattform ordnet Spiele in Kategorien ein, zeigt Empfehlungen an und kann Aufmerksamkeit über kurze Spielrunden, Ranglisten, Belohnungen oder Werbung steuern.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Playhop als Lerngegenstand ==&lt;br /&gt;
&lt;br /&gt;
Im Unterricht kann Playhop als Fallbeispiel genutzt werden. Es geht dabei nicht darum, möglichst lange zu spielen, sondern darum, [[Digitale Medien|digitale Medien]] zu verstehen. Du lernst, wie Du Spiele nach Kriterien beurteilst, Risiken erkennst und eigene Regeln für gesundes Spielen entwickelst.&lt;br /&gt;
&lt;br /&gt;
Wichtige Leitfragen sind:&lt;br /&gt;
# [[Medienanalyse]]: Welche Gestaltungsmittel sorgen dafür, dass ein Spiel leicht verständlich und motivierend wirkt?&lt;br /&gt;
# [[Datenschutz]]: Welche persönlichen Informationen sollte man auf Spieleplattformen möglichst nicht preisgeben?&lt;br /&gt;
# [[Jugendschutz]]: Woran erkennst Du, ob ein Spiel für eine Altersgruppe geeignet ist?&lt;br /&gt;
# [[Informatik]]: Welche Technik macht es möglich, dass Spiele im Browser laufen?&lt;br /&gt;
# [[Ethik]]: Wann ist ein Spiel fair gestaltet und wann nutzt es Druck, Täuschung oder übermäßige Belohnungen?&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Browsergames verstehen =&lt;br /&gt;
&lt;br /&gt;
Ein [[Browserspiel]] ist ein [[Computerspiel]], das über einen [[Webbrowser]] gespielt wird. Die Berechnung kann auf Deinem Gerät oder auf Servern des Anbieters stattfinden.&amp;lt;ref&amp;gt;https://de.wikipedia.org/wiki/Browserspiel&amp;lt;/ref&amp;gt; Browsergames brauchen meistens keine klassische Installation. Du öffnest eine Webseite, wartest kurz, und das Spiel startet.&lt;br /&gt;
&lt;br /&gt;
[[Datei:Video Game Controller.svg|400px|rahmenlos|center]]&lt;br /&gt;
&lt;br /&gt;
Früher wurden viele Browsergames mit [[Adobe Flash]] erstellt. Heute spielen [[HTML5]], [[JavaScript]], [[Canvas]], [[WebGL]] und teilweise [[WebAssembly]] eine wichtige Rolle. Dadurch können Spiele auf vielen Geräten laufen: auf Computern, Tablets und Smartphones. Trotzdem kann die Spielerfahrung je nach Gerät, Browser, Internetverbindung und Bildschirmgröße unterschiedlich sein.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Chancen von Browsergames ==&lt;br /&gt;
&lt;br /&gt;
Browsergames können niedrigschwellig sein: Man kann sie schnell ausprobieren, sie sind oft kostenlos und sie funktionieren ohne komplizierte Installation. Im Unterricht lassen sich damit Prinzipien von [[Game Design]], [[Logik]], [[Regelkreis|Regelkreisen]], [[Feedback]], [[Algorithmus|Algorithmen]] und [[Benutzerfreundlichkeit]] untersuchen. Besonders kurze Spiele eignen sich, um Mechaniken zu vergleichen: Was passiert, wenn ein Spiel sofort Rückmeldung gibt? Wie verändert ein Timer Dein Verhalten? Warum motiviert ein Punktestand?&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Grenzen und Risiken von Browsergames ==&lt;br /&gt;
&lt;br /&gt;
Gerade weil Browsergames so leicht zugänglich sind, brauchst Du klare Kriterien. Nicht jedes Spiel ist altersgerecht. Nicht jede Werbung ist passend. Nicht jede Plattform erklärt verständlich, welche Daten verarbeitet werden. Manche Spiele setzen auf ständige Belohnungen, tägliche Rückkehr, künstliche Verknappung oder Kaufanreize. Gute [[Medienkompetenz]] bedeutet, Spielspaß und kritische Distanz miteinander zu verbinden.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Technik hinter browserbasierten Spielen =&lt;br /&gt;
&lt;br /&gt;
[[Datei:HTML5 logo and wordmark.svg|300px|rahmenlos|center]]&lt;br /&gt;
&lt;br /&gt;
[[HTML5]] bildet zusammen mit [[CSS]] und [[JavaScript]] eine Grundlage moderner Webanwendungen. In einem Browsergame beschreibt HTML die Struktur, CSS beeinflusst Darstellung und Layout, und JavaScript steuert Bewegungen, Eingaben, Regeln und Reaktionen. Über das [[Canvas]]-Element können zweidimensionale Spielgrafiken gezeichnet werden. [[WebGL]] ist eine JavaScript-Schnittstelle, mit der interaktive 2D- und 3D-Grafiken im Browser ohne zusätzliche Plug-ins dargestellt werden können.&amp;lt;ref&amp;gt;https://de.wikipedia.org/wiki/WebGL&amp;lt;/ref&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[Datei:WebGL Komponenten.svg|500px|rahmenlos|center]]&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Vom Klick zur Spielhandlung ==&lt;br /&gt;
&lt;br /&gt;
Wenn Du in einem Browsergame eine Taste drückst oder auf den Bildschirm tippst, verarbeitet das Spiel diese Eingabe. Ein einfaches Spiel prüft zum Beispiel: Bewegt sich eine Figur nach links? Kollidiert sie mit einem Hindernis? Wurde ein Ziel erreicht? Muss der Punktestand verändert werden? Diese wiederholte Prüfung nennt man im [[Game Design]] oft [[Spielschleife]]. Sie läuft viele Male pro Sekunde und sorgt dafür, dass das Spiel lebendig wirkt.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Client, Server und Cloud ==&lt;br /&gt;
&lt;br /&gt;
Bei einfachen Spielen kann vieles direkt auf Deinem Gerät passieren. Bei Mehrspieler-Spielen oder Spielen mit gespeicherten Fortschritten kommen Server hinzu. Der [[Client]] ist dabei Dein Browser oder Deine App. Der [[Server]] verarbeitet Daten, speichert Fortschritte oder vermittelt zwischen mehreren Spielenden. Daraus entstehen Datenschutzfragen: Welche Daten sind für das Spiel wirklich nötig? Werden Nutzerprofile erstellt? Gibt es Chatfunktionen? Werden Fortschritte geräteübergreifend synchronisiert?&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Spielmechaniken und Motivation =&lt;br /&gt;
&lt;br /&gt;
[[Spielmechanik|Spielmechaniken]] sind Regeln und Abläufe, die bestimmen, was Du im Spiel tun kannst. In Browsergames findest Du häufig sehr einfache Grundmechaniken: springen, ausweichen, kombinieren, sammeln, bauen, raten, klicken, sortieren oder reagieren. Durch Punkte, Level, Abzeichen, Skins oder Ranglisten werden diese Mechaniken verstärkt.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Typische Genres auf Browsergame-Plattformen ==&lt;br /&gt;
&lt;br /&gt;
# [[Arcade-Spiel]]: Schnelle Reaktionen, kurze Runden und direkte Rückmeldung.&lt;br /&gt;
# [[Puzzle]]: Logisches Denken, Mustererkennung und schrittweises Problemlösen.&lt;br /&gt;
# [[Jump ’n’ Run]]: Bewegung, Timing und Hindernisse.&lt;br /&gt;
# [[Strategiespiel]]: Planung, Ressourcen und Entscheidungen.&lt;br /&gt;
# [[Geschicklichkeitsspiel]]: Präzision, Übung und Konzentration.&lt;br /&gt;
# [[Mehrspieler-Spiel]]: Kooperation, Wettbewerb und Kommunikation.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Fairness im Spieldesign ==&lt;br /&gt;
&lt;br /&gt;
Ein faires Spiel erklärt seine Regeln verständlich, gibt sinnvolles Feedback und lässt Dich aus Fehlern lernen. Problematisch wird es, wenn ein Spiel Dich unter Druck setzt, mit undurchsichtigen Belohnungen arbeitet oder Dich ständig zu Werbung, Käufen oder längeren Spielzeiten drängt. Gute Medienbildung fragt daher nicht nur: „Macht das Spiel Spaß?“, sondern auch: „Warum macht es Spaß, und wer profitiert davon?“&lt;br /&gt;
&lt;br /&gt;
{{#ev:youtube|   https://www.youtube.com/watch?v=VQWxmOnsMW4   |500|center}}&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Datenschutz, Sicherheit und Jugendschutz =&lt;br /&gt;
&lt;br /&gt;
Bei digitalen Spielen solltest Du grundsätzlich sparsam mit persönlichen Daten umgehen. klicksafe empfiehlt, Kinder und Jugendliche dafür zu sensibilisieren, online möglichst wenig Daten anzugeben und auf Passwortschutz sowie zusätzliche Sicherheitsmaßnahmen zu achten.&amp;lt;ref&amp;gt;https://www.klicksafe.de/digitale-spiele&amp;lt;/ref&amp;gt; Auch bei Spielen ohne verpflichtendes Konto können technische Daten, Geräteinformationen oder Nutzungsverhalten eine Rolle spielen.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Altersfreigaben und Orientierung ==&lt;br /&gt;
&lt;br /&gt;
In Deutschland helfen [[USK]]-Alterskennzeichen bei der Einschätzung von Spielen. Für Online-Spiele und Apps nutzt die USK im internationalen Zusammenhang auch das [[International Age Rating Coalition|IARC-System]], bei dem Alterskennzeichen für verschiedene Regionen erzeugt werden können.&amp;lt;ref&amp;gt;https://usk.de/fuer-unternehmen/spiele-und-apps-pruefen-lassen/spiele-und-apps-im-iarc-system/&amp;lt;/ref&amp;gt; Altersfreigaben ersetzen aber nicht das eigene Nachdenken. Ein Spiel kann formal zugänglich sein und trotzdem Werbung, Kontaktmöglichkeiten oder Kaufanreize enthalten, die für jüngere Kinder ungeeignet sind.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Werbung, In-Game-Käufe und Manipulation ==&lt;br /&gt;
&lt;br /&gt;
Viele kostenlose Spiele finanzieren sich über [[Online-Werbung]], Datenanalyse, Partnerangebote oder Käufe im Spiel. Bei Browsergames kann Werbung vor, nach oder zwischen Spielrunden erscheinen. Manche Spiele verwenden Belohnungen, Wartezeiten oder künstliche Knappheit, um Dich zum Weiterspielen zu bewegen. Deshalb ist es wichtig, zwischen Spielspaß und Beeinflussung zu unterscheiden.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Sicherheitsregeln für Dich ==&lt;br /&gt;
&lt;br /&gt;
# [[Datensparsamkeit]]: Gib keine unnötigen persönlichen Daten an.&lt;br /&gt;
# [[Passwort]]: Nutze starke Passwörter und teile sie nicht.&lt;br /&gt;
# [[Privatsphäre]]: Verwende keine echten Namen in öffentlichen Profilen.&lt;br /&gt;
# [[Werbekompetenz]]: Prüfe, ob ein Klick wirklich zum Spiel gehört oder zu Werbung führt.&lt;br /&gt;
# [[Zeitmanagement]]: Lege vorher fest, wie lange Du spielen möchtest.&lt;br /&gt;
# [[Meldestruktur]]: Sprich mit einer Vertrauensperson, wenn Inhalte, Chats oder Werbung unangenehm sind.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Playhop im Unterricht kritisch untersuchen =&lt;br /&gt;
&lt;br /&gt;
Playhop kann als Beispiel dienen, um eine Plattform systematisch zu untersuchen. Dabei solltest Du möglichst nicht nur einzelne Spiele bewerten, sondern die gesamte Plattformlogik betrachten. Welche Kategorien werden angeboten? Wie werden Spiele empfohlen? Gibt es sichtbare Hinweise zu Alter, Werbung oder Datenschutz? Werden Entwicklerinnen und Entwickler angesprochen? Welche Rolle spielt die Startseite?&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Analysemodell für ein Browsergame ==&lt;br /&gt;
&lt;br /&gt;
Du kannst ein Spiel mit fünf Fragen untersuchen:&lt;br /&gt;
# [[Ziel]]: Was soll im Spiel erreicht werden?&lt;br /&gt;
# [[Regel]]: Welche Regeln bestimmen Erfolg und Misserfolg?&lt;br /&gt;
# [[Feedback]]: Wie zeigt das Spiel, ob eine Handlung gut oder schlecht war?&lt;br /&gt;
# [[Motivation]]: Welche Belohnungen oder Druckmittel werden verwendet?&lt;br /&gt;
# [[Verantwortung]]: Welche Risiken gibt es für Daten, Zeit, Geld oder Wohlbefinden?&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Vom Spielen zum Gestalten ==&lt;br /&gt;
&lt;br /&gt;
Wer Browsergames versteht, kann eigene Spielideen entwickeln. Ein kleines Lernspiel braucht keine aufwendige Grafik. Wichtig sind ein klares Ziel, verständliche Regeln, gutes Feedback und faire Grenzen. Schon mit Papierprototypen kannst Du testen, ob eine Idee funktioniert. Danach kann man mit [[Scratch]], [[JavaScript]], [[HTML5]] oder einer [[Game Engine]] weiterarbeiten.&lt;br /&gt;
&lt;br /&gt;
{{#ev:youtube|   https://www.youtube.com/watch?v=i9cf1KiamoI   |500|center}}&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Interaktive Aufgaben =&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Quiz: Teste Dein Wissen ==&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Was ist ein Browsergame?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Ein Spiel das direkt im Webbrowser gespielt wird)&lt;br /&gt;
(!Ein Spiel das nur mit einer Konsole funktioniert)&lt;br /&gt;
(!Ein Spiel das immer gekauft werden muss)&lt;br /&gt;
(!Ein Spiel das ohne Bildschirm gespielt wird)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Welche Technik ist für moderne Browsergames besonders wichtig?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(HTML5)&lt;br /&gt;
(!Teletext)&lt;br /&gt;
(!Fax)&lt;br /&gt;
(!Schallplatte)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Welche Aufgabe hat JavaScript in vielen Browsergames?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Es steuert Regeln Eingaben und Reaktionen)&lt;br /&gt;
(!Es ersetzt den Bildschirm)&lt;br /&gt;
(!Es verhindert jede Werbung)&lt;br /&gt;
(!Es macht Altersfreigaben überflüssig)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Was beschreibt WebGL am besten?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Eine Schnittstelle für interaktive Grafik im Browser)&lt;br /&gt;
(!Eine Art Schulnote für Spiele)&lt;br /&gt;
(!Eine Regel für Hausaufgaben)&lt;br /&gt;
(!Ein Passwortspeicher für Konsolen)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Warum sind viele Browsergames kostenlos nutzbar?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Weil sie oft über Werbung oder andere Geschäftsmodelle finanziert werden)&lt;br /&gt;
(!Weil ihre Entwicklung nie Geld kostet)&lt;br /&gt;
(!Weil Server grundsätzlich kostenlos sind)&lt;br /&gt;
(!Weil niemand an ihnen arbeitet)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Was bedeutet Datensparsamkeit beim Online Spielen?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Nur notwendige persönliche Daten angeben)&lt;br /&gt;
(!Möglichst viele private Daten veröffentlichen)&lt;br /&gt;
(!Das Passwort mit Freunden teilen)&lt;br /&gt;
(!Den echten Namen immer als Spielernamen nutzen)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Wozu dienen Alterskennzeichen bei Spielen?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Sie geben Orientierung zur Eignung für Altersgruppen)&lt;br /&gt;
(!Sie garantieren einen hohen Punktestand)&lt;br /&gt;
(!Sie ersetzen jede Medienerziehung)&lt;br /&gt;
(!Sie zeigen die Internetgeschwindigkeit an)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Was ist eine Spielmechanik?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Eine Regel oder Handlung die das Spielen bestimmt)&lt;br /&gt;
(!Ein Werbebanner außerhalb des Spiels)&lt;br /&gt;
(!Ein Ladekabel für Controller)&lt;br /&gt;
(!Ein zufälliger Dateiname)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Was ist ein Zeichen für problematisches Spieldesign?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Das Spiel setzt stark unter Druck weiterzuspielen)&lt;br /&gt;
(!Das Spiel erklärt seine Regeln verständlich)&lt;br /&gt;
(!Das Spiel erlaubt Pausen)&lt;br /&gt;
(!Das Spiel gibt nachvollziehbares Feedback)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Was ist ein sinnvoller erster Schritt vor einem eigenen Lernspiel?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Ein klares Spielziel festlegen)&lt;br /&gt;
(!Sofort alle Daten anderer sammeln)&lt;br /&gt;
(!Jede Regel geheim halten)&lt;br /&gt;
(!Nur Werbung planen)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Memory ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;memo-quiz&amp;quot;&amp;gt;&lt;br /&gt;
{|&lt;br /&gt;
|-&lt;br /&gt;
| Browsergame || Spiel im Webbrowser&lt;br /&gt;
|-&lt;br /&gt;
| HTML5 || Struktur moderner Webanwendungen&lt;br /&gt;
|-&lt;br /&gt;
| JavaScript || Steuerung von Spielregeln&lt;br /&gt;
|-&lt;br /&gt;
| WebGL || Grafik im Browser&lt;br /&gt;
|-&lt;br /&gt;
| Datenschutz || Schutz persönlicher Informationen&lt;br /&gt;
|-&lt;br /&gt;
| Spielmechanik || Regel des Spielhandelns&lt;br /&gt;
|-&lt;br /&gt;
| Altersfreigabe || Orientierung für Jugendschutz&lt;br /&gt;
|}&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Drag and Drop ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;lueckentext-quiz&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot; &lt;br /&gt;
! Ordne die richtige Schutzmaßnahme zu.&lt;br /&gt;
! Thema&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Datensparsamkeit&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
| Persönliche Informationen&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Zeitlimit&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
| Gesundes Spielverhalten&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Werbung prüfen&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
| Kostenfallen und Beeinflussung&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Altersfreigabe beachten&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
| Jugendschutz&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Passwort schützen&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
| Kontosicherheit&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Chat melden&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
| Unangenehme Kontakte&lt;br /&gt;
&lt;br /&gt;
|}&lt;br /&gt;
{{E}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;br /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Kreuzworträtsel ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;kreuzwort-quiz&amp;quot;&amp;gt;&lt;br /&gt;
{|&lt;br /&gt;
|-&lt;br /&gt;
| Browser || Womit wird ein Browserspiel direkt geöffnet?&lt;br /&gt;
|-&lt;br /&gt;
| WebGL || Welche Schnittstelle ermöglicht interaktive Grafik im Browser?&lt;br /&gt;
|-&lt;br /&gt;
| Werbung || Wodurch finanzieren sich viele kostenlose Spiele?&lt;br /&gt;
|-&lt;br /&gt;
| Passwort || Was sollte geheim und stark sein?&lt;br /&gt;
|-&lt;br /&gt;
| Fairness || Welches Prinzip ist bei gutem Spieldesign wichtig?&lt;br /&gt;
|-&lt;br /&gt;
| Reflexion || Was hilft Dir beim kritischen Nachdenken über Spiele?&lt;br /&gt;
|}&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== LearningApps ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;iframe&amp;gt; https://learningapps.org/index.php?s=Playhop+Browsergames &amp;lt;/iframe&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Lückentext ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;quiz display=simple&amp;gt;&lt;br /&gt;
{&amp;#039;&amp;#039;&amp;#039;Vervollständige den Text.&amp;#039;&amp;#039;&amp;#039;&amp;lt;br&amp;gt;&lt;br /&gt;
|type=&amp;quot;{}&amp;quot;}&lt;br /&gt;
Ein Browsergame wird direkt im { Webbrowser } gespielt. Moderne Spieleplattformen nutzen häufig { HTML5 } und JavaScript. Für anspruchsvollere Grafik kann { WebGL } eingesetzt werden. Kostenlose Spiele finanzieren sich oft über { Werbung }. Beim Spielen solltest Du möglichst wenige persönliche { Daten } angeben. Alterskennzeichen bieten Orientierung für den { Jugendschutz }. Eine Spielmechanik beschreibt eine Regel oder Handlung im { Spiel }. Gute Medienkompetenz verbindet Spielspaß mit kritischer { Reflexion }.&lt;br /&gt;
&amp;lt;/quiz&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Offene Aufgaben =&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
=== Leicht ===&lt;br /&gt;
# [[Spielprotokoll]]: Spiele ein kurzes Browsergame höchstens zehn Minuten und notiere Ziel, Regeln, Rückmeldungen und mögliche Risiken.&lt;br /&gt;
# [[Werbung erkennen]]: Untersuche eine Spieleseite und beschreibe, woran Du Werbung, Spielinhalt und Navigationsflächen unterscheiden kannst.&lt;br /&gt;
# [[Datenschutz-Check]]: Erstelle eine Liste mit Daten, die Du bei Online-Spielen niemals öffentlich teilen solltest.&lt;br /&gt;
# [[Spielgenre]]: Wähle drei Browsergames aus und ordne sie begründet unterschiedlichen Genres zu.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
=== Standard ===&lt;br /&gt;
# [[Plattformanalyse]]: Analysiere die Startseite einer Browsergame-Plattform nach Kategorien, Empfehlungen, Werbung, Suchfunktion und Sicherheitsinformationen.&lt;br /&gt;
# [[Mechanikvergleich]]: Vergleiche zwei Spiele mit ähnlichem Genre und erkläre, welches Spiel fairer, verständlicher und motivierender gestaltet ist.&lt;br /&gt;
# [[Medienregeln]]: Entwickle fünf Klassenregeln für verantwortliches Spielen in der Schule oder zu Hause.&lt;br /&gt;
# [[Papierprototyp]]: Entwirf ein eigenes kleines Lernspiel auf Papier mit Ziel, Regeln, Spielfeld und Feedback.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
=== Schwer ===&lt;br /&gt;
# [[Game-Design-Dokument]]: Erstelle ein vollständiges Konzept für ein faires Browser-Lernspiel mit Zielgruppe, Lernziel, Mechaniken, Datenschutzregeln und Testplan.&lt;br /&gt;
# [[Interview]]: Befrage Mitschülerinnen, Mitschüler oder Familienmitglieder zu Spielzeiten, Lieblingsgenres und Sicherheitsregeln und werte die Ergebnisse anonym aus.&lt;br /&gt;
# [[Kritische Rezension]]: Schreibe eine begründete Rezension zu einem Browsergame, in der Du Spielspaß, Fairness, Werbung, Datenschutz und Jugendschutz bewertest.&lt;br /&gt;
# [[Prototyp entwickeln]]: Erstelle mit Scratch, HTML5 oder einer anderen geeigneten Umgebung einen einfachen spielbaren Prototyp und teste ihn mit Feedbackfragen.&lt;br /&gt;
&lt;br /&gt;
{{:Offene Aufgabe - MOOC erstellen}}&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Lernkontrolle =&lt;br /&gt;
&lt;br /&gt;
# [[Transferanalyse]]: Erkläre an einem selbst gewählten Browsergame, wie Spielmechanik, Belohnung und Geschäftsmodell zusammenwirken.&lt;br /&gt;
# [[Fallbeispiel Datenschutz]]: Ein Spiel verlangt echten Namen, Alter, Standort und E-Mail-Adresse. Beurteile, welche Angaben problematisch sind und welche datensparsame Alternative möglich wäre.&lt;br /&gt;
# [[Jugendschutzentscheidung]]: Entwickle eine Empfehlung für Eltern oder Lehrkräfte, ob ein bestimmtes Browsergame für eine Lerngruppe geeignet ist. Begründe mit Kriterien statt mit Geschmack.&lt;br /&gt;
# [[Spieldesign verbessern]]: Nenne drei Änderungen, durch die ein stark werbendes Spiel fairer und lernfreundlicher gestaltet werden könnte.&lt;br /&gt;
# [[Eigenes Lernspiel]]: Übertrage die Prinzipien eines Browsergames auf ein Unterrichtsthema und beschreibe, wie daraus ein sinnvolles Lernspiel entstehen kann.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Lernnachweis =&lt;br /&gt;
&lt;br /&gt;
Für einen Lernnachweis zu &amp;#039;&amp;#039;&amp;#039;Playhop und Browsergames&amp;#039;&amp;#039;&amp;#039; solltest Du zeigen, dass Du nicht nur Fakten wiedergeben kannst, sondern Zusammenhänge verstehst. Wichtig sind:&lt;br /&gt;
# [[Begriffsverständnis]]: Du kannst erklären, was Browsergames, HTML5, JavaScript, WebGL, Spielmechanik, Datenschutz und Jugendschutz bedeuten.&lt;br /&gt;
# [[Analysefähigkeit]]: Du kannst ein Browsergame mit klaren Kriterien untersuchen.&lt;br /&gt;
# [[Urteilsfähigkeit]]: Du kannst Chancen und Risiken begründet gegeneinander abwägen.&lt;br /&gt;
# [[Transfer]]: Du kannst aus einer Spielanalyse Regeln für verantwortliches Spielen oder ein eigenes Lernspiel ableiten.&lt;br /&gt;
# [[Produkt]]: Du erstellst ein Spielprotokoll, eine Rezension, ein Game-Design-Dokument oder einen kleinen Prototyp.&lt;br /&gt;
# [[Reflexion]]: Du beschreibst, wie Du Deine eigene Spielzeit, Daten und Aufmerksamkeit schützen kannst.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
{{BR}}&lt;br /&gt;
= OERs zum Thema =&lt;br /&gt;
&lt;br /&gt;
&amp;lt;iframe&amp;gt; https://de.m.wikipedia.org/wiki/Browserspiel &amp;lt;/iframe&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;iframe&amp;gt; https://de.m.wikipedia.org/wiki/HTML5 &amp;lt;/iframe&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;iframe&amp;gt; https://de.m.wikipedia.org/wiki/WebGL &amp;lt;/iframe&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Quellen =&lt;br /&gt;
&lt;br /&gt;
&amp;lt;references /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Links =&lt;br /&gt;
&lt;br /&gt;
{| align=center&lt;br /&gt;
{{:D-Tab}}&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;[[Playhop und Browsergames]]&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
# [[Playhop]]&lt;br /&gt;
# [[Browserspiel]]&lt;br /&gt;
# [[Computerspiel]]&lt;br /&gt;
# [[Online-Spiel]]&lt;br /&gt;
# [[HTML5]]&lt;br /&gt;
# [[JavaScript]]&lt;br /&gt;
# [[WebGL]]&lt;br /&gt;
# [[Game Design]]&lt;br /&gt;
# [[Spielmechanik]]&lt;br /&gt;
# [[Medienkompetenz]]&lt;br /&gt;
# [[Datenschutz]]&lt;br /&gt;
# [[Jugendschutz]]&lt;br /&gt;
# [[Online-Werbung]]&lt;br /&gt;
# [[USK]]&lt;br /&gt;
# [[Lernspiel]]&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
[[Kategorie:Medienbildung]]&lt;br /&gt;
[[Kategorie:Medienkompetenz]]&lt;br /&gt;
[[Kategorie:Informatik]]&lt;br /&gt;
[[Kategorie:Digitale Bildung]]&lt;br /&gt;
[[Kategorie:Computerspiel]]&lt;br /&gt;
[[Kategorie:Jugendschutz]]&lt;br /&gt;
[[Kategorie:Klasse 7-8]]&lt;br /&gt;
[[Kategorie:Klasse 9-10]]&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= aiMOOC-Projekte =&lt;br /&gt;
[[Kategorie:AI_MOOC]] [[Kategorie:GPT aiMOOC]]&lt;br /&gt;
{{MT}}&lt;/div&gt;</summary>
		<author><name>Glanz</name></author>
	</entry>
</feed>