[Playlisten] [Impressum und Datenschutzerklärung]

Eye-Tracker für arme Leute, Teil 1


CC-BY-NC-SA 3.0

Tempo:

Anklickbares Transkript:

letztesMal hatte ich ihn was erzählst zum kognitivenVox ruheine Art wie mandie Interfacesbedingt Schnittstellen untersuchen kanndas ist ja ein Verfahrenbei dem Expertenoder mehr oder minder Experten wie wirsich ein Interface anguckenund untersuchenohne tatsächlichLeute zu befragenohne jemand davor zu setzen Experimentezu machenich will jetzt mal ganz anders verfahren vorführenein Trekking?? vorführenzeigen und wir simulieren das dann im heißenbisschen was zum Selberbauen eine Billigversionvon Einträgenganz andere Geschichte bei dem ich wirklich ausdrücklichein Benutzer zu guckewo guckt derBenutzer gerade hinwie lange welche Sachen bleiben unbeobachtetauf der Seiteganz anderer Ansatz und nachher will ich dann noch ein bisschen zusammenfassen was es gibt insgesamtan solchen Verfahrenfür diese bitte die Studienzwischen solchen analytischenVerfahren und solchen empirischenVerfahrendie dann Versuche benutzenalsoder Gedanke ist zu zuguckendem Benutzerder Benutzerinnen zu zugucken dabeiwie sie oder er auf der Seiteoder irgendeiner anderen Oberfläche kann ja auch ein Interfaceeines eine Maschine seinmir auf der Website oder anderswounterwegs ist mit den Augendas einfachste ist eben das man einfach nur markiertnach ?? zur Auswertung dass man dann nur markiertwo die Benutzerinnen der Benutzer gerade istim Bilddas dann als statische Versionvielleicht sogar in der Größe angezeigtaber ganz lange dabei kürzerKlammer aufbisschen länger und so weiterdas ist die eine Fassungund die andere Fassung ist die hielt Mapdassmandiese Daten von ganz vielen Benutzerinnenund Benutzern sammeltund dann eben sacht durch Werbung okay dawaren viele Leutemit ihren Augen unterwegs da auch da auchihren paar weniger Dampfer wenigerund ansonstender Rest der Seiteoder der Oberfläche was auch immer es eben seltener betrachtet wordendas ist das ?? das typischerweisekondensiert wird wenn man viele solche Experimentemachtdasdas man dannmarkiert farbig markiert dieses Logo diese Werbung ist häufiger gesehen worden dieser Link ist häufiger gesehen wordenund so weiter das ist natürlich ?? aufwendige Geschichten technisch auf die Geschichte ?? Cognitive Walkthroughsetzen Sie ein Experten davor unteranderen Annalen Stunden Resultat hoffentlich und hier setzen die zwanzig Leute davormit der sehr aufwendigen Technikund handelt ?? nach zwei Wochen Resultatdas muss ich aber schon lohnen wenn man das machtvon derTechnik herbeim EKGverkennt sie das Wetter greifen die Signale abdie den Herzmuskelsteuerngenauso kann man Elektroden und das Auge platzierenund daraus dannzurückrechnenwohin das Auge blickt hat das natürlich als eklig vermindertes Gesicht kleben muss und falls vorhanden auch sehr ungenau ist das ?? zurückzurechnenPunkt man kann mit Bildverarbeitungdranmeine hochauflösendeKamera hatunsim sichtbaren Bereicheinfachversucht herauszufinden wo die Pupille istwo das Auge insgesamt liegt das in Relation zueinander setztund dann Geometrie machtso kann man's machendass das üblicherweisepassiert istdass man sich von der Seite maldas Augedes Aufrufs steht zusehen wo die Hautdes Augen ?? andas was man üblicherweisemacht istdas man eine starkeInfrarotlichtquellehatam einfachstenRing an Infrarot Leuchtdiodenum eine Kamera herumdas objektiv einer Kamera Herumkameravon der Seite gesehen ein Ring an Infrarot Leuchtdioden ist die Kameradie Kameradas am sie gerade gesehenkannfest installiert sein sie ist dann bei richtig genauen System ist die Kamera am Kopf befestigt diesem Mikrofonkopfbügelund was man an sieht in der Kamera ist einmal einen ein direkter Reflexund verbot Reflexhabe ich es geschickt veranstaltet ich müsste die Pupille etwas anders zeichnen das man das besser sehen kannPupille da ist man sieht in der Kamera einmal einen direkten Reflex so wäre der nieder unten wäre denn sonoch bisschen tieferman senkrecht auf dieauf das Auge auf die Hornhaut soll ich sagen senkrecht auf die Hornhaut Punkt dass sie bei der Kamera einen dicken Reflex von demer Infrarotlicht hier das geht direkt wieder zurück und was man dann als zweitenPunkt in der Kamera sieht ist das was sie auf Fotos kennen die roten Augen der Rote Augen Effektman schießt mit dem Infrarotlicht durch diegeöffnete Pupille hindurchzieht die Netzhauthundert zwei Punkte auf dem Bild einmal die Reflexion auf der Hornhaut und man sieht ein zweiten Punktnämlich die Netzhaut durch die geöffnetePupille durch Tieres hindurchund die beiden Punkte setzt man ins Verhältnis geometrisch und kann damit zurückrechnen wie denn die Pupille gestanden hat im Verhältniszum Augedas ist das was man üblicherweisesiehtsowas dann in einen als Versuchsaufbauquasiinstalliertesin solchen Sensibilität Apps sind solche Eye-Tracker typischerweisedas sehen Sieeinen Bildschirm und dann zum Beispiel unter dem Bildschirmzum Beispiel dann zwei solche KamerasmitLeuchtdiodenringdrumrumund dahinter hängt dann eine mehr oder minder intelligenteBildverarbeitungumfestzustellenwo denn gerade hin geguckt wird das ist alles aufwendig zu machen teure Technik und durch extrem störungsgefährdetda die Bildverarbeitungallein die Beleuchtung richtig zu kriegen dass die unter allen Umständen funktioniert das ist alles ganz schön fürchterlich zu machendeshalb an sich paar Leute was einfacheresausgedachtund das wollte ich mit Ihnen heute ein bisschen nach Programmierenkommen schon Übung zu beißen nochund auch zu Beginn Schnittstellen in Preisen alles auf einmales gibt einmal vonChristianSchreierund Kollegentalvon da gibt's eine Arbeitodernach an einen Verfahrendas nennt sich Tension Trekkingder Gedanke ist wenn ich auf demMönch auf den Bildschirm guckeverfolge ich einfach mit der Maus das wo ich hin gucke und dadurch länger hingucken klicke ichda kuck ich länger hin entledigte aber mit der Maus und dann guck ich da länger hin entledigte einmal mit der Maus und ich dahin entwickelt man mit der Maus ich führe einfach die Maus mein Blick hinterhernicht dahin gucke ich auf das sie geht mit der Maus dein klicke einmal den Google gleich dein klicke da einmal ganz billiges Verfahren sie brauchen keineBilderkennungunskeine Infrarot Leuchtdioden und was auch immer man nimmt die ganz normale Mausund verfolgt die ganz normale Mausso was ähnliches für dich gleich mit Ihnen Bastlen passenVerfahren gibt's noch eine Nummerbesser gemachtund raffinierter gemachtin Zusammenhang mit HTMLdass es von Karsten Ullrichund Kollegen??und nennt sich dann vor mehr ins Eye-TrackerMoments Eye-Tracker der Eye-Tracker des armenMenschender Gedanke etwas verfeinertnämlich sodas man wenn man auf einer Webseite istmit diversen Abteilungendas man erst nur Überschriften siehtvon diesen verschiedenen Abteilungenund der Rest aus getraut istoder komplett fehlt auf jeden Fall unsichtbar gemacht ist sie für das Grobe und der Rest unsichtbar gemachtund dann soll man auf die Abteilungen klickenund das sieht spannend aus den Sommern hierhin klickenund dann wird der Rest eingeblendet das man lesen kannund so weiterso arbeitet man sich dann durch die Webseite durch die wird nach und nach sichtbarund ichdamit dann auch gleichzeitigfestgestelltwas die Leute interessant finden in welcher Reihenfolge wieder durchgeht was sie sich gar nicht anguckenwo sie dann auch nicht sichtbar machen wollen von den Detailsdas ist natürlich nette Geschichte für HTML Sie können sich irgend eine Webseite nehmenund die nachträglichin solchen Funktionen ausstatten ?? man sich auf die Spiegel Webseite ?? Lieferung ?? Webseite nehmen und das dann nachträglich einbauen in die Webseitedas ist das Schönemit dem normalen Programmkönnte man sowas auch versuchen aber sie schwieriger sind jetzt aber das möchte ich auch in Microsoft Word machen?? was zu tun einer normalen Webseite kann das tatsächlichhinkriegen das könnte man sogar als Bobank lädt wie so schön heißt einbauen in den Browser dass das auf Anhieb mit einer beliebigen Seite geht ??schöneÜbungwas man mal machen müsste wäre folgendesum dasbisschen realistischer zu machen ?? ich hatte was erwähnt ?? von WebsielnetzwocheWebshellOpensil fürs Internet Punkt ob ?? ?? Javascriptdas im Browser 3D Programmierung möglich istwenn man das richtig macht könnte man folgendes machendas ein nettes Projekt wenn Simon machen wird man das macht könnte man folgendes machen dasum die Maus herumalles zunehmend unschärfer wird mit ?? die Programmierung kriegen sie das hin in Echtzeitdas esmehr und mehr verwischt um die Maus herumhat man diesen Effekt hier von dem Wurm ins Eye-Trackernoch bisschen weiter getriebenfür dich jetzt mit der Mausmein Blick verfolgensonst will ich auch gar nicht sehen Beistrich gezwungen mit der Maus dem Weg zu verfolgen weil ich nicht sehe alles verschwimmt außerhalbals es weich gezeichnet zu den weich gezeichnetund würde einfach dann mitschreiben wo die Maus gerade hingehtdas ein kleines Projektenmüsse jemand mal in die Schreiben?? gibt es inzwischen mit einer ich hab's nicht gefunden bisherwas ich mit Ihnen jetzt bauen wollen würde istetwas was mir in diese Richtung geht man nimmt sich Preisenin heißen bettet man eine Webseite ein das geht mit einem Mausklickunddann zeichnet man aufwo der Benutzer mit der Maus gerade hin zeigtund wenn man fertig istzeigt man das Ganze alsdicken Fahrt anund auch das müsste schon hilfreich sein um erste Studien zu machendas für dich jetzt mit ihnen probieren wollenerst mal die Oberfläche ganz naiv zusammen klicken hier in den Qt-Designerich hätte gern einWindows das Hauptfenstereines Programms kein Dialogbox seines Haufens seines Programmsvon Vorlageund jetzt geht es netterweisevorgefertigt??immer weiter runterscrollenKomma hierdie Filter Web es gibt netterweise dieses hier den Cube Versiondass es ein fertiger Webbrowserden sie in ihren eigenen Programmen verwendensollte auf irgend eine sinnvolle Webseitelenken könnenPunkt ?? baut linkes nicht so gut wenn ihmmeine eigene HTTPdreiDmüsse Typen könnensoda es meine Webseitein diesem Programm Chinas es gibt Komponentendie sind haarsträubendkomplexsie haben Komponenten wie den Regiobuttonund die Checkboxdie ziemlich banal sind noch wichtigdann haben sie extrem komplizierte Geschichtener im Quellcode Editoroder den Webvideo hier eben Video-Playerdie sich auchganz ähnlich verhalten nurvielmehr könnenmöchte jetzt aufzeichnenwas in diesem Webbrowserpassiertundich sollte ?? bisschen breiter machen hierauch zumindestgroballes sehen was wir sehen wollenso in der Formwas soll ich jetzt sonst noch an den Elementen haben auch den Webbrowser in dem ich nachher zugucken will was passiert was euch sonst noch sinnvollerweise an BedienelementJuppe brauchen ein Lehrer darüberum Sache nach einer zuständig Clique in den Webbrowserdas muss also an diesesunter Fenster sozusagen gehenaberich möchte nachher Sachen darstellenund das einfachste habe ich gelernt nach fünf Minuten googeln das einfachste ist man nimmt ein Label und zweckentfremdetes das Label findeegal mit dem Filter ein Labelso ich nehme ein Labelund das wird gleich einfach zweckentfremdetdas Labelwerde in das Label was reinmalennicht sauber aber es funktioniert?? patzig tatsächlich hundert Prozent auf demWebbrowserich werde natürlich gleich das Label abschalten müssen solange ich im Webbrowser arbeiten willund dann muss ich das Leben wieder einschaltenund in diesem Label sondern Textnebel stehen sondern es soll nachher tatsächlichSonatemit drauf gemalt werden wo war ich mit der Maus das soll als Index leben nach Erscheinenmuss also umschaltenzwischen Textlabelssichtbarmit dem Fahrrad der Mausauch nicht im Pfad des Auges dann auch der Benutzer soll Adam aus dem Auge folgendie Anweisung dannumschalten kann zwischen dem modus durch den Fahrtziel und im Modus in dem der Browser nackt zu sehen istund in dem ich da vielleicht sogar klicken kann im Browserwas deutlicher sonst noch an Elementen jader zwei rede Buttons oder eine Checkbox zwei rede Buttonseherein Radiobuttondes des Interfaces aktiv zeichnet auf der zweite Radiobutton wärezeige das Ergebnis an oder eine Checkboxdie einfach nur sagt gleich das Ergebnis ?? ich würde aktuell zu der Checkbox schneidendie soll dannumschalten zwischenEingabe und Ergebnis anzeigenund sehendass sie auch benennen können und damit den ?? machen hiergenau Text sollen also nicht Checkbox sein sondern??Spur schreibe ich maldasist meine Checkboxich will jetzt obendrein zu Testzwecken noch ?? Label einsetzendas man Testausgaben machen kann um zu sehen ob man da so grob auf die richtige Spurschon bisschen gewagtwas das alles werden sollKomma gleich einfach in dieses Labelihr heißesLabel zwei Unterstrich zwei das Leben bleiben und wartest Ausgaben einsetzen zu gucken ob man daauf die richtigen Dampfer ist vor das schon ganz fertig ist und das ganze Speichernin das Verzeichnis in dem auch dieEisendateigleich liegen wird'steiltkein schöner Name rechnen das abermals Schlecker UIund das war's dann schon an der Stelledas müsste eigentlich jetzt alles an Arbeit gewesen sein ?? Qt-Designerdas es immer wieder für mich erschreckend wie schnell das gehtgehtes hier weiterjetzt wird gerodetjetzt will ich dafür sorgen dass das Ding auch wirklich was tutdas ?? ein paar Cent schreiben ja vorher auch schon die StandardfunktionenSis und die üblichen Funktionen üblichen Verdächtigen zu haben Time Warnerich höchstwahrscheinlich gleich auchumZeit zu nehmenund dann Hand inHand letztes Mal schon gesehen ?? dutyder muss sie auch ?? bisschendabei haben bei Kritiknämlich von demBeautychorkonvertiere ich einfach allesund genausovonTaiChi vordie BeautychiUIalles nicht losund der letzte im Bunde wäre der User InterfaceCompilersiefür unsereben gebautes Interface auchLivekompilieren könnenmeckerte ganz viel sicherlichdas nicht benutztes egal Benutzen Vergleich nochso das ist der Vorspannnatürlich schon mal damit anfangenwas was damit anfangen jetzt kommt einfach dreist mal das Hauptprogrammwievor zwei Wochen baue ich eine ApplicationsDiktion Applicationdas istdas große Ganzewas alles dann steuert dich Applicationund übergebe der was auf der Kommandozeilegewesen istdieses Argument Vektor die Kommandozeilearc Vum das an zu startenund damitschöne sollte man Fraktionen auch sofort schreibenwir führen diese Anwendung ausEpp heißt sie ja die Variable in der diese Anwendung steht heißter jetzt verführen Sie aus Excel können sich einen Exit hiermit UnterstrichAccess Unterstrichsein eingebaute Funktion von Preisen ärgerlicherweisedeshalb muss man Excelmit Unterstrich machen und zu sagen das es was anderesPunkt nämlich die Funktiondie Methode soll ich sagendie wirklich diese Anwendung ausführt also wir sind neunundneunzig Prozent der Zeit in dieser Methode die das Fenster läuftund wartet auf Ereignisse dass es alles da drinnen in diesem einen Aufrufwenn ich das Programm beendeEnde dieser Aufrufwas ich bisher nicht gemacht habe was aber hübscher istman könnte jetzt noch folgendes dazu schreiben Sis Exitin dieser Formdas es auch richtig offiziell beendet wird das Programmdiese Excel Funktionliefert zurückob wir fehlerfreidurchgekommen sind durch das Programmimmer fehlerfrei durchgekommen sind kommt eine null rausdie städtischen Extra in Sis Exit beendet offiziell das Programmund übergibt das was der hinten steht ein Systemsollte es offiziell aus dem so sei bisher nicht ausdiesem bisschenprofessionellerdas dann so zu schreiben?? die wichtigsteBotschaft ist das Programm ist fast immerin dieser Funktion bauen uns als möglich zusammenstellenalles ein bis alle Funktionen wissen wann sie aufgerufen werden auf welche Ereignisse hin ?? Signals hin hast es in diesem Spiel hierbei tut?? Sequenzenund hierwartetunser Programm auf Eingabenauf Aktionen die ganze Zeit die Ereignisschleifeeventuellund wenn dann jemandverlassenklickt das Programm beenden klicktendet diese Funktionund wir sagen dem System okay das Programm bitte beenden Sis Exitbises einfach und ausgelaufen das Programm nicht ?? kann sich Exit schreiben der nur das Programm eben einfach unten raus heißen kann dann im Prinzip immer noch alles auf alles zugreifen ist ein Interpreter man kann dann danach immer noch sagen auch Komma von Variablen an sich wirklich komplett beendetich sollte natürlich mein Fensterladenweshalb ichdie letzten Male dann in eine Variable namens W abgespeichertich sollte die vierzehn LadenlotUser Interfacein großen und kleinen ihnund er liest Schreck rarPunkt UIdas sollte ich laden das DingVenice nur ladejetzt noch nicht erscheinen??okay muss es auch anzeigen lassen Weg schonund wir haben unseren Browser erlebt nicht warum bitte nichtPunkt wenn sie nicht klickengenau sie können jetzt nicht klicken weil da das Label drüber istbei mir steht Zeige Spur was ist nicht angehaktdas sollte ich das das heißt ?? soll zu Beginn dieses Labelausschaltendas es nichtwirktdas einfachste wie ich das mache wäre folgendesich sagevon diesem Fenster gibt mir das Label das ist einfach nur Labelund verberge dasso müsst es jetzt fusionierenvon der Vase sehenmit Maus Roverpassierte tatsächlich wases ?? einen lebendigen Browser in unserem eigenen Programmdas nächste wäre hier jetzt diese nach dieser Checkbox Zeigespurin Aktion zu bringen?? ?? und click oder ist ?? denke ?? wir Spiegel war gerade wie das auf diesem System heißtkann er sich dieSituation ?? Slotszur Verdrahtung schon mal anzeigen lassenwas hat der eigentlichTumor sowie Quadraten würde so klickt heißt es also??liegt liegt liegt torkeltin ?? sind ?? gestern Abend in der Dokumentation nach geguckt des Ausweises jetzt klickt heißt es ist wirklich mit der Maus aufgeklärt wordenund torkelt heiß der Zustand hat sich geändert egal wie ich kann den Zustand ja auch eher Programm ändern ?? ?? wird auch aufgerufen wenn sich der Zustand geändert hat weil das Programm selbstda den Kopf gesetzt hatund klickt wird nur dann aufgerufen wenn Sie mit der Maus geklickt haben sicherer wäre also?? torkelt ist das sichereMittag letztlich jede Änderung mit ich möchte dass der Zustand von den von der Checkboxgenau synchron ?? immer ohne wenn und aber zu dem Zustand des Labels SD besonders anzeigen wenn die Checkbox abgehakt ist egal wie weit komme später auf den Gedanken das ich Checkbox per Programm setze?? das Problem Ähnliches klickt ?? Event genommen habe des Click Zickler genommen habe sollte Talk entnehmenwo sie das also aus das es nur zum Stricken gesagt und ?? zu gucken was ja bekanntlichzurück hierhin?? ich muss jetzt alsoder Checkboxmuss ich mitgebendass die fahrdrahtet sein sollKomma so ich gehe über dasgesamte Fenstergibt es da in diesem System heißt es ebensoda gibt's eine Methode die heißt connectuntersage ich etwas wie verbreitet werden soll das hatten wirschon den Text editiert hatten wir das bei dem Experiment mit dem Thermometer da gab's was von wegen Textentitätals Ereignissen groß vertraten vonihr möchte ich jetzt vertraten von der Checkboxmöchte ich vertratenund das Signal anderswoEvent das Signalwas sich vertratenhaben sie eben gerade gesehen ist ??der Aufrufnimmt ein Jahr nein Wertaber ich werde aufgerufenjetzt in meinem Programm ich kriege ein Jahr sein wird und dass es einfach ist das Ding nun an oder nicht was ist der Zustand der Checkboxmuss also gar nicht mehr nach dem aktuellen Zustand der Checkbox Fragenich gestreckt mitgeliefert beim Aufrufnoch nicht ganz fertigwelche Informationen würde jetzt fehlen genaunicht googeltsowie gegoogeltnicht Tugend sonderntorkelt aber dafür ein G mehr sotorkeltund jetzt fehlt noch eine Informationdas müssen Sie den Link logischerweise noch sagensie vertraten typischerweisemit Funktionsaufrufvon das ich hier sowas habe wie die Showdaher kann undmuss also schon dreidas Infusionsaufrufhabewenn dieses Signalausgelöstwird von der Checkboxsollte diese Funktion aufgerufen werdendas es was typischerweisehatEvents führen dazu dass Funktionen aufgerufen werdendiese Funktion soll aufgerufen werden??in den üblichen System habe ich nicht die Möglichkeit die direkte Variable zu verändernich hätte in diesem System hier bei YouTube natürlich die Möglichkeit direktdas Ding sichtbar zu machenin diesem Modus hier wenn sie in den Modus ging könnte tatsächlich direkt einstellen aber dessen Besonderheit vertut das gar nichtso in der Tiefe Vorführ normalerweiseauf den üblichen Systemen müsst man hier eine Funktion angeben und die Funktion tut dann was getan werden soll so funktionieren Ereignisseüblicherweiseich sagewerwerhier die Checkboxlöst welches Ereignis ausund welche Funktion sollen endlich aufgerufen werden jetzt schon Tag anlief und so muss ich jetzt schreiben und schon drei Gramm hat dann den Jobdarauf zu reagieren das zu tun was es tun soll es soll das Label sichtbar machenmüssen?? sehen das es natürlich allerdings zu gestrickt wo schreibt man jetzt diese Funktion hinnicht ganz hart drauf wäre würde ich jetzt die Funktion indirekter vorschreibenaber ich glaube das siehtso fürchterlich aus das ich das lieber nicht durch Raps weiter oben dazwischendas versuchen Sie mal gerade selberkleine Fingerübungin weißenschreiben Sie mal eine Funktion die heißt ShowdigranSie kriechtein Jahr nein Wertund je nach Onlinewertsoll sie sagen W Label HeizoderW LabelShowmal sehenokayalso der schon zu sagen jetzt kommt eine Funktionsie soll alsdaher könnensie nimmt eine gute Variable hierund das ist die an aus Informationich hab gleich mal als Variablennamenist ansowasda kommt also gleichen wahr oder falsch rein beim Aufrufen das Ereignis ausgelöst wird Doppelpunktist eine preisgünstigeHintersohneseingerückt was soll die Funktiontun wenndieser Wert hier war istPunktProgrammierenganz unten wenn dieser Wert wahr ist möchte ichwie LabelShow machen sie sind es noch mal eingerücktin Chätten sie nach demAnfang hier nach dem Funktionskopfeine Schweifklammerund nach dem ist eine Schweifklammer und dann auch Einrückungenwenn es richtig machenpassen also nicht die Schweifklammer sie haben Einrückungaus das auch zwangsweise wenn sie da nicht einrückengibt's was auf die Finger vom Systemsollen zwangsweise schöndas ist der Teil ?? und Els wenn das Ding nicht an ist dann mach ich eben was ich dort gemacht habeZwischenablageso das es die Funktionauch kein Schweifklammer und kein Ent am Ende weildas sei die Einrückung nicht mehr da es sagt dem Systemhier ist wohl die Funktion zu Ende es wirklich ?? eingerücktund bis dahin sollte das funktionierenoffensichtlichesLevel nicht da ?? ich kann hier ?? übergehen und es tut wasund da es unser Label und nichts geht mehrso weitso gutder nächste Job Essen müssen schwieriger denn es wird jetzt seinaus diesemBrowser Fenster Wasser eingebettet ist aus diesem Browserfenster mit zu kriegen wo die Maus gerade ist Mousemove heißt das auf den üblichen System MausbewegungenEreignissen zur Mausbewegungdie werden immer gefeuert sobald sich die Mausbewegt an dieser Stelle sobald ich die Maus stehen lasse solange ich die Maus stehen das wird nicht gefeuertjedes Mal wenn sich die Mauswenn das System mit gerechter sich die Maus bewegt hat vierzehn Ereignis gefeiert das heißt mit dem ausziehen gibt's dann eben zehn zwanzig dreißig von diesen Ereignissen jetzt passiert wieder nichtsändern würde bei dem wegen der was passieren beim Vickers etwas und dann passierte nichts wenn die Maus steht und so weiterso wird das Aussehen und die will ich jetzt abfangen dieser Ereignisse das wird immer schwierigerund mein Hintergedanke für dieses Textlabel war gegeben einfach mal aus das Textleben gerade sind um zu sehen und funktioniertdasist jetztraffinierterich muss mit lauschenich muss ??ich muss diesem Web Jugendgericht der drunter wusstedadiesem Webvideodie muss ich jetzt unter jubeln das ich von ihmdie Mausereignissemithören willdas es mich raffinierter muss sich auch googeln das es jetzt nicht was man auswendig lerntfindet man irgendwo dannnach zwei Minuten googeln wie sowas gehtvon der Technik herist es aberhöchst interessant das kann man sicherlich in einer System genauso machen von der Technik herhierbei tut man sich das einFilterein Event Filter ich sagevon meinem ganzen Fenster gebe mir mal den Webvideoausfalldieses eingebettete Browserfensterund da installiereeinenEventfiltersie können sich also alle Ereignisse die dann in diesem Fenster passierenes war vorbeireichenlassen mit lauschendenken Sie an den Geheimdiensteerst mal alles durch den eigenen Server laufen lässt genau dasselbe ist und eventuell der sie können alles mit lauschenwas da an Ereignissen passiert das natürlich fürUser Interface Studien total klasseJEDEund fürGeheimdienste und fürLeute mit bösen Absichten die Kreditkartennummernmit kriegen wollen ?? auch total klassealles was am Rechner passiert Tastendrücke Mausklicks kriegen sie dann eine Stelle mit zumindest ?? für dieses Fensterund kann dann sich überlegen was sie damit anfangen mich interessieren jetzt hier nur ein erfreulicher Mensch mich interessiert nur für die Maus den gerade so unterwegs ist das billig an der Stelle einfach mit lauschendas es hier das Eventfilter was installiert wird der Name spricht für sichgroß und Eventfilter bauen?? ich nenne den malden Filter das Wetter wird um am Eye-Trackerdas gleiche eine Klasse werden eine super kleine Klasse keine Angstich baue irgendwoeine Instanzvondiesem Ding denen ich die Variablen die die Instanz speichert eine Referenz auf diesen Stand speichert nenne ich mal Treckerunddie Klassedazu Trecker so wird es nach außen schreibe gleich eine ganz kleine Klasse als Treckerdieses Ding hier erzeugt eine Instanz davon in Java und in sich haben sie nun geschrieben in C plus plus teilweisenur Trecker geschrieben ist es aber soerzeuge eine neue Instanzpacke Niederrheinhier wird das Ding installiertes gibt'snoch eine Sache die man anstellen mussman dann nach weiteren fünf Minuten googeln festdieseüblichen Mausereignissewerden nicht unbedingt erzeugt ich muss set Maus checken anmachendas der Mausereignisseauch dann erzeugtwenn er glaubt es hört keiner zu??ohne dass sich dieser Bewegung sei es an der Stelle nicht mit Z Mausklicken tundamit ich diese Ereignisse mit kriege das ?? Spezialitätenvon diesem System ist nicht so spannenddieser Gedanke spannend dass man einen Filter installiertdurch den jetzt alles durchgeleitet wirdunter Windows an das Wasser Punkt ein Hakenmit dem man sich da einAkt in das Systemund das System liefertalles erst mal gratisbei uns vor der Haustür ab und wir können entscheidenwerden dann was damit machen sollso dieser Träger der Musikklasse schreibenklasse davor Glas natürlicheine Funktion schreiben Sie Devhätte man das auchFrank schon nennen sollen in Javascriptaber es heißt heißen eben Devsei so bei der Klasse steht Clausdie soll heißen Treckerseiteaufrufenso ein Trecker muss Erben von dem grundsätzlichenDesign seiner Sandfilter soll sagen seit Filter muss Erben von dem grundsätzlichenJugendobjektzuob direkt das ist ja die Schreibweiseum entreißen zu sagen er habe das es meine Mutterklasseund die Kind lassen sich jetzt erstelledie heißt Streckernatürlich Doppelpunktwenn immer derselbe Kramwas soll's werden wir heißt esin runden Klammern gewichen und bei Sachen an und dann kommt der Doppelpunkt von einer durch den Rest jetzt eingerücktuntersagte Dokumentationwir brauchen eine Methode die heißt EventfilterPersonal passiert ist folgendes das Frameworkruft für jedes Ereignis das auftrittnach dem das ?? gemacht habe Punkt das Label für jedes Ereignis das auftrittdiese Funktion Eventfilter aufvom Handwerkerdas ist die Art wie diese Ereignisse bei mir vor der Haustür abgeliefert werdenmuss Bescheid sagensubventioniert dasDenken Sie an Ereignisereignissesind dann eigentlich Funktionsaufrufeoder resultierenzumindest in Funktionsaufrufewerden es hier schon bei Grimm wird aufgerufenwenn sichder Zustand von Knopf geändert hat eine Funktion wird aufgerufen?? ist es dann ähnlicheine Nummer weiterverstrickt aber ähnlich ich gebe ein Objektaneine Instanz an mit dem Filterund was ist System der macht jedes Ereignis wird an mich an mein Filter so übergebendass diese Funktion aufgerufen wird von dem Filter jedem Ereignisund?? Beistrich die mit zig Richt mitX elf bisher die schräge Art Massenpeitschensagtdas das was Instanz eigentlich ist in den üblichen Promisprache schreitet selbst nicht dazu bis?? üblicherweise nicht dazu sind den Kulissenund Kriegen mitgeteiltwerden eigentlich der EmpfängerReceiver?? so richtig schreibenwerde eigentlich der Empfänger gewesen wäreund was dasEreignissen eigentlich istein Objekt das als mögliches weiß über das EreignisDoppelpunkt weil das ist damit eine FunktionsmethodeFunktionen auf einer Klasseohnesoll ich nun anschaulich tun um jetzt irgendwastestweise zu sehen was sollte anschaulich passiereninteressant in diesem ein Label es war glaube ich W Punkt lebeeben Unterstrich zweiin diesem ein Labelist das der Text dann wahrscheinlich nurin diesem einen Label doch mal sagenwas in den EventrindesVerwandte in ein Zeichenkettewas im Event drin istdann auch gespannt was da drin stehtwas müssten wir bei jedem Ding was wir machenin unserem Label links oben erkennen können was wir denn da machenwir müssen noch das Ermessen vergessenirgend einen Returnwert geben ?? mit Returnfordssteht in der Dokumentationdieser Fonds um solvente Anwender geben bei der Tonfall steht in der Dokumentationder Paketdiensteauf dieses Event vor die Tür gelegt hat soll das Event dann auch bitte weiterreichen an alle anderen es läuft die ganz normale Ereignisverarbeitungweiterwie Krings einmal zum gucken und mit Ford sagen Sie bitte so weiter tun als ob nichts gewesen wäre ich lausche hier nursie können das Ereignis auch stoppen wenn danngeben an der Stelle dann bitte sag ich weiterverarbeitetweil sie müsst ihr so sinnliches Ereignis in Level zehnokaydas ist natürlich sehr darauf nicht total aussagekräftigwas drin steht Beistrich also einfachyou Event steht wenn man das mit SCR ausgibt einfach der Typ aber es kommt tatsächlich anund ich kann auch weiter klickenalso müsse ?? bisschen raffinierter machen das auch die Details vonden oben stehende Typgenauer was Besonderes ist an müssen jetzt in die Doku guckenund was sogar Rademacher Komma gerade in die Doku Sinnes als Queue zu Eventsso die Doku sagt wir nehmen mal Event Punkt Teilum zu erfahrenwas für ?? sollte Ereignis das denn eigentlich istsind die Wasser fehltmir das jedoch komisch aus Bild in Message Teil kaufensie doch eher komisch ausSehen Sie zufällig was da faul istmir es ist kein Funktionsaufrufder muss natürlich Klammer auf Klammer zu stehen Programmes noch malautomatischeLeerschritt hundert vierundachtzig ist der eigen ist sehr hilfreichwenn sie Klicken ist eigenes Typ zwölfsehr gut?? offensichtlich passiert irgendwas aber das ist natürlich nicht das was icherhofft hatteKrippenzahlnicht Ereignistypeneinfach zahlendiese nach Zahlen durch definiertdas also nicht so hilfreich Komma die dem eines basierte sinkender ?? Komma das mit dem Falls ausprobieren sie haben geseheneben konnte ich klicken und es ging weiter wenn ich hier Drew sageeinem Filterwiegeht wirklich gar nichts mehr?? ist Komma soll die grundlegenden Ereignisse gar nicht anTuch stoppt die Verarbeitung der Ereignissesie kriegen dann ein eigenes vor die Tür geliefert und wenn sich nicht Roman drum kümmern Komma die auch sonst keiner drum und mit Ford sagen sie an der Stelle ich habe das Ereignis Gericht aber gewaltig erweitert um das geforderte können dann je nachje nachdem was passiert wenn die Fische das ein Mausklick hier oder da?? seine Kreditkarte eingegeben wie auch immer Sakko Kreditkarte eingeben die möchte ich haben und den Rest mache ich dann selberje nachdem was sie da sehen alle ein Ereigniskann sie sagenmacht dasselbe was du sonst gemacht hättest mit dem Ereignismit Fordsoder ich übernehme an dieser Stellemit Touren wieder Drew zurückgeben ??okay?? schon bisschen was anders darstellenich würde folgendesausprobierendas mandas wir nur die Ereignisse nehmen die Mausmuffsinddas muss online ist werdensoll Ereignisder Salier schon gesehen hat ein Typnetterweisemuss ich jetzt nicht auf der Nummer gucken ?? es gibt einfach eine Auflistungzu Event und da kann ich nachgucken Mausmuffhasendasinteressant was es alles Narzissen geben kann oh SchreckFestplattenWillis Mausmuff ist der spannende Doppelklick also an der Seite von der Mausaus Muff den möchte ich gernewenn das Event von diesem Typ istso gesehen das Wasser ?? Monat rein zwanzig dieser Typ oder was Komma das war jetzt vergessenwenn das Event von diesem Typ ist dann gebe ich doch mal dieKoordinatenaus zum Beispieldann weiß ich nämlichdas Event von diesem Typhat eine X Koordinateundeinmal so hat eine Y Koordinatedie Koordinaten noch mal ausgeben lassen?? dahinmeckertrummeckert dann eine Mega nicht mehr okayalsoes sieht haarsträubend aus aber es isthoffentlich nach zwei Minuten überlegen nicht ganz unklar Trecker istdie Stelle an der das Systemalle Ereignisse abliefern soll bei mir und wie wird abgeliefertes ist ?? zu sein die Türklingel hier diese Methode Eventfilter sozusagen die TürklingelMensch mit dem Päckchen klingelt an der Türdiese Funktion wird aufgerufen diese Methode wird aufgerufenund hier kriege ich übergeben was den gerade angeschafftes welches Ereignis an den Herdes gehen sollenselbstist einfach nur Verweis auf diesesTreckerobjekt selbstwas in anderen Sprachen nicht schreiben würdensowie Sinti in der Methode trennenwir Prüfen ist dann das jetzt auch ein Mausrufwas uns interessieren würde wenn jaKomma dass sie zusammen mit X und Y angemessenes Label aus und egal was es war sagen wirdem Postdienst an der Türdas Päckchen geht sein üblichen Gang ich hab gegucktaber das Päckchen jetzt einen üblichen Gang ich übernehme das nicht selbst das Ereignis soll weiterverarbeitetwerden wie üblich aufdas was es müssen tatsächlich Substanzenin Kurzfassungda es sich selbstals ich lausche jetzt ganz dreist in einem fremden Fenster hielt das Fenstervom Browser ich lausche jetzt hier in einem fremden Fenster kriege die Koordinaten mitdie Musina speichert diese in ein erstes Problem manches Coltist weiterhin links oben null nullalso man es richtig machen wollen würde müsste man jetzt in wieder mit Kriegen wurde dieser Scrollbalkengerade steht oder man müsste mit kriegen was in das innere Fenster istmir damit das äußereWassers des äußersten Gesamtbereich mit ScrollbalkenGeist links oben null nullüber den inneren Bereich der weiß ist ohne die Scrollbalkenist die oben ja nicht null null sondernY keine Ahnung gleich hundert achtundneunzigoder sowasmüssen bisschen weiter graben dass man den inneren Bereich kriecht aber dasfür diesen bisschen weitalso ?? gesetzlich X Y so kriegen sie zuder nächste Schritt heißt diese Daten aufzuzeichnenund wir kriegen tatsächlich X Y begann die Zeit nehmt es uns auch schon gesehen ?? TimeClockdamit gab sie Zeit zum Beispielund diese Daten zeigen es einfach aufwie würden Sie die Aufzeichnungauf einem normalen Systemensind sie werden oder ins aber wie würden Sie jetzt diese ganzen X Y Zeitdaten aufzeichnenwie würde die ablegenja das kommt in einem Reh und in in in heißen ist dasetwas andere Geschichtein Preisen gibt es Listendass es ganzlustig Wasser machen kann was ich sage abermals mal Spitzweg soll jetzt meine Variable sein in der eine Liste steht in der diese ganzen Ereignisse landennicht aufgezeichnet habe X Y Zeitich Sach auch noch eine leere Listemuss es aber sowas von freundlichem Verhältnis zuden schwachen Saison zugesehen haben mach meine leere Liste und dann schmeiß ich alles jetzt in diese Liste reinin der Liste wird ein Eintrag um Eintrag steht X Y Zeit X Y Zeit in X gibt Zeitz Masson Block zum Dreierblockreingeschrieben als ein Eintrag in dieseListeundeine große Überraschungszwecksoll also der Name der Liste sein??bekommt als erste Funktion ?? Pantssing Council ?? Indexin third Capri Move das sollte als Sieg sorgtdas sollte als irgendwieschon paar Synapsen an Trägern im Hirn Patentist wohl das was wir brauchen Anhängen an die Liste was anhängenjetzt könnt ich einfach ein X wird anhängendas hier wäre der X Wert und Indexwert anhängen wollen würdeBeistrich der drei Sachen auf einseinmal Anhängen an Triebel ein geordnetes triebe drei Sachenauf einmal anhängen als ein Eintragjeder Eintrag hat in drei Sachen drin ich möchte Event X anhängenich möchteda noch fertig werden Shop des rein was ich anhängen möchte ich möchte Event Y hängenund ich möchte TimeClock anhängen das Feuer der ZeitnehmerStimme sagtwie viel Sekundenseit dem ersten Aufruf von Time Clockbestrichen sind jetzt kommende Preis Besonderheitauch nicht was mit fürsLeben unbedingt wissen muss oder was interessantes Hintergrund ist was alles so geht mit den richtigen Programmiersprachensie können sagen ja auch jeder machen oder ebenein trieb ?? draus wenn sich jemand anMathematik erstes Semester innert geordnete Paare geordneteTripelsie machen Klammern drum dessen Komma dass dazwischen genau in der Mathematik und dann ist es geordnetes Triebwerkund damit fertigsich kann ein Versagen packe diese drei Sachen zusammen die Exponate ?? KoordinateKomma ?? dazwischen Klammer zu hundertstes Antriebemitzwei Zeilen sind dabei hier sage ich richte mir eine Leselisteein dass es eine leere Listeund die sage ich dann jedes Mal wenn nötig hänge an dieser?? am Anfang leere Listeeng an das was du bishereingesammelt hasthänge ein Trieb an runde Klammer aufhänge dein Triebel an aus diesen dreiZahlen an diese Listeso einfach kann das sein und gleichnach der Pause werden wir diese Liste ausdaskann ?? noch Punkt wir können uns noch anzeigen lassen wie viel wir den eingesammelt habenich könnte hier oben noch hinterhängenplusdie Längevondieser ListeLinkstreckKlammer zuund natürlich Komma Leerzeichen dazwischen sowasdann weiß ich ?? dich bisher eingesammelt habekeins weniger in der nächsten Zeiledabei den nächsten ein zusammen sollten die beiden austauschen damit so vernünftig ist sowiedie Bandauswahlausich hänge erst X Y Zeitan meine Sammlung dran und dann hier in dem Label schreibe tatsächlich noch mal X Yundwie viel habe ich bisher eingesammeltdieLängezu einer Listelenken und dann Klammern und der Name der Listedas muss man jetzt wachsen sehenwenn's funktioniert atwas habe ich da vergessenja hier kommt wieder da waren sie Sharp durch Kenneth konkrete netshellSchwingentin top sechsdie Länge ist eine ganze Zahlheißen will die nicht anhängen plus bin ich dann eine Zeichenkette anhängen sie müssen erst sagen das soll bitte eine Zeichenkettewerden diese Zahl sodas ist inJava und sie scharf und anderswo andersokay da sind wir mit Zelt bisher habe ich also hundert fünfundsiebzig Ereignisseund so weiterda kommt was zusammenund die Landes auch nicht automatisch auch alle in dem Raydas Komma nach der Pause weiter