aus Metalab, dem offenen Zentrum für meta-disziplinäre Magier und technisch-kreative Enthusiasten.
Wechseln zu: Navigation, Suche

Teacher Frontend

HTML/JS webapp running on the teacher's laptop.

UX Design Wireframes: Datei:EduBuzzer InteractionDesign Version0.1.pdf

List of possible applications:

Application "RAISE YOUR HANDS"

I. Application start:

  • Teacher poses question to the class
  • Presses the "start" button in the frontend
  • Buzzers change status (e.g. pulsing LEDs) as a sign that users can press button to raise their hands

II. During the timeout period:

  • as soon as a user presses a button on his or her buzzer
  • the buzzer changes status (different LED signal)
  • the frontend displays each buzzer status change

III. Timeout end

  • either automatic or teacher hits the "stop" button in the frontend
  • buzzers change their status to show that time is over
  • computer changes random buzzer
  • selected buzzer changes status (e.g. plays sound, yellow LED flashes)
  • user with selected buzzer answers the teacher's question

IV. Evaluate answer The teacher presses one of the following buttons in the frontend:

  • correct answer
    • buzzer changes status to reflect "correct answer"
    • app returns to start screen
  • incorrect answer, start new timeout
    • buzzer changes status to reflect "wrong answer"
    • app returns to start screen
  • incorrect answer, select new random buzzer (this option is disabled if there aren't any buzzers left that have pressed a button)
    • buzzer changes status to reflect "wrong answer"
    • new selected buzzer changes status to "answer please"


Enables voting on a topic without raising your hand in front of the class which ultimately leads to a more honest voting behaviour Enables voting mechanisms that are hard to do with paper like multiple choice and ratings on preferred solutions as in "I'd like option A but if we don't get enough votes for that, option B would be my second favourite."

es wird eine frage angezeigt, es gibt 4 mögliche antwortmöglichkeiten die schüler haben die möglichkeit für ihre präferierte antwort einen knopf zu drücken. das ist ihre ERSTWAHL der knopf BLINKT nun wenn der schüler noch eine option (zweitwahl) wählen will drükt er einfach einen weiteren knopf und der blinkt dann auch (langsamer?) das geht maximal mit 4 optionen. wenn die wahl vorbei ist sieht in punkten wieviele punkte welche option bekommen hat.. erstwahl 4 punkte zweitwahl 3 ...


    • teams of pupils can be chosen by a random generator this would take the social stress off the teacher as in "i dont want to be in a group with this guy.." "..the computer has chosen ist fair"
    • games would be possible where groups compete and if a group performs better it has to let a member go into another group
    • also the opposite is possible where the best performing group gets new members..


    • if a pupil doesnt know the answer he could "ask the audience" and the kids could press what they think is the right answer..
  • der laptop hängt am beamer, die js anwendung läuft fullscreen
  • es wird eine frage angezeigt, es gibt 4 mögliche antworten, es läuft ein timer
  • in der zeit können die kinder eine der 4 tasten drücken, es werden balken gezeichnet wo man sieht wieviele schüler welche antwort gegeben haben.
  • der lehrer kann dann auflösen mit dem blauen knopf, drückt er den blauen knopf nocheinmal kommt der nächste slide.


    • this will probably not be in version 0.1 as it needs a lot of work that is unrealistic to be implemented with the very short deadline of 2 months
    • teacher should be able to have a live on-stage test where the kids can answer questions with multiple choice pushbutton modes
    • multiple choice tests are not very common in europe so we need to spend research on this subject


    • maybe something like the werewolf game
    • the remote choses who is the wolf and the others have to find out who it is by talking to each other on a round based system


    • multiple stations are layed out around the classroom
    • students go from station to station, plug in their ibutton, push a button to put in their solution to the quest presented at this station, go to next station