Classroomscreen and TW-Layouts for Education

I think rather than an Edition, a set of transcludable tiddlers for each feature would allow more general use, incremental development and easier to customise.

  • Perhaps first we build way to define a “modular” tiddler, then provide editor toolbar to search or select any module and insert it (it’s transclusion), or even in design mode drag and drop on a tiddler the desired modules, and drag and drop to reorder.
  • use the template as provided or click to clone and edit/customise.
  • I could build the insert modular tiddlers tools and infrastructure.
  • Someone else could build a 2d map of the modules bit Like Muuri or inside any tiddler.

What do you think?

1 Like

Sure, I like the idea of a sort of “cafeteria” of options (perhaps displayed like Saq’s nifty Swiffy Slider, or some other clear gallery-like GUI), each module potentially imported via drag-and-drop.

Ideally, the demo site would have real content (which would not come along with the import), so that the application of the tools is intuitively clear. (Sometimes plugin demo sites are a bit abstract, such that intermediate and advanced users see the power of the tool, but beginners might be a bit unsure whether the learning curve is worthwhile.)

Certain existing plugins, such as Mohammad’s Shiraz, are also indispensable for getting nicely-displayed content up and running fast.

-Springer

Here we will need to seperate the module standard, from the modules and the data (custom use of the modules), and even the presentation of the modules.

  • I imagine dropping modules on a tiddler or into a list, then the presentation handles how and when top display them.
  • If we stick to the “Classroomscreen in TW”, there is no real data but config and state settings.
  • Actually demo content can be collected into a plugin as long as the tools can cope with “is shadow” as well, and toggled in out of existence with enable/disable.
    • We could make a button to turn them all into edited shadows.
  • or JSON package
  • This is an example of a principal of mine I make use of. “10% more for reusability”
    • Basically when constructing some example or test data spend 10% more effort, 110% total to make a data bundle that can be reused. Subsequent uses need an almost trivial effort.
  • Constructing demo/test data is also helpful to the design process because it helps inform the design process.
  • I think @Mohammad’s commander includes a tiddler maker,
    • but also if you generate a csv tiddler of data, the JSON Mangler plugin allows easy creation of a “data” plugin including the option for last minute filters or column choice.

Hi!
to those interested: I found an open source version of classroomscreen Digiscreen by La Digitale .
But like in the initial post I would say we can easily create something better in TW - perhaps with an alternative Layout, that uses the sidebar to display the widgets - and hides what could appear distracting.
For some widgets like the clock, I would like to have the possibility to create a div that can be dragged around - I have the feeling I already saw something like this in TW in a more lightweight way than Mentat mentioned above by @Alvaro.

In this idea, the story river would be used to display the content.
I recently remembered https://lernpfad.ch/ (which means learning path sorry only French and German version are available), I like the design because it is very intelligible … and should be easy to apply to TW

It would be cool to have an easy to use export-feature that would allow teachers to prepare a site and save it for later use (…which is of course the normal behavior of the save wiki bottom but could be made more understandable.

2 Likes

Very interesting post. Very accurate.

I agree, & you are likely there already?

My point? I kinda think this specialised approach for tutors / teachers / trainers needs it’s own resource base??? Just in discuss here it is maybe not enough?

I thought this kinda good as an agenda …

Just a comment, TT, serious trainer.

Right.

And tiddlywiki.education is available … to show it :-).

TT

a short analysis of how easy to realize:

Without any difficulty:

Some difficulty: Here we would have to foil codepen or so to have nice designs… propositions welcome

Hard: Her we would need some kind of backend:

  • Poll

  • Other interaction features requiring a backend like brainstorming together and commenting would be nice. https://tweedback.de/ and https://www.tricider.com/ have some nice features there.

  • Draw should be no problem but it could be enhanced to it would be nice to have a tldraw integration which would allows cooperation

  • nicely movable divs, won’t need a backend… but I am still looking for that feature.

Would you like me to regsister tiddlywiki.education ?

Currently …

…, at NameCheap

Dimmi, TT

Something like this would be great. Also available: tiddlywiki.study

-Springer

1 Like

Hi @Springer and @TiddlyTweeter
I just registered classroom.wiki . But it may take som time, untill I have something there.

2 Likes

Saq had an excellent demonstration of floated tiddlers here; I’m not sure whether he’s done any more work on the concept.

2 Likes

Just a query. Are @etardiff (Emily) & @Springer (Springer) the same person?

If not, please give yourselves unique badges.

A comment, TT

Good choice of name!

A by the bye, TT

TT, we are not the same! The letter-in-box is just the default.

For your forum-browsing pleasure, I have uploaded an actual photo.

-Springer

4 Likes

If I may ask a silly question.
How does this site work? aka I drag stuff on main page. (its almost like desktop), so the only goal is for students to go there everyday, and I keep it new and refreshed on what we are working on today or?

I’ve seen kids apps like seesaw app where they have nice timeline where kids/students upload consent, etc. (that is very inline with TW way of adding new tiddlers)

Thanks
Lucas

It needs password to access

Shaheen, the link from my Dec 2022 post above is quite old, and I can’t even go back and edit it. The site has since migrated from tiddlyspot (though there’s an archive version there) to tiddlyhost.

However, here’s my current version of the ethics teaching site — with some notes on TiddlyWiki as engine of classroom resources.

1 Like

First of all thanks for replying.
Can we download it?

Warm regards

In theory, you can download any TiddlyWiki site. This one does hide most controls (using a readOnly plugin), but the keyboard shortcuts still work. So, ctrl-shift-A (or whatever the equivalent is on Windows) gets you to the advanced search interface. From there you can choose the “filter” tab, and put in an expression like [all[tiddlers]] to get a list of everything on the site, and then export all that as a json file. Then if you drag that json into a blank tiddlywiki, and save, you basically have a clone of my site. (In this case, though, I would need to figure out how to avoid problems with the fact that this is an external-core site, but with some shadows overwritten. :expressionless: )

At any rate, I don’t recommend trying to clone my site. It’s a demo of one way TiddlyWiki might be used for education, but the details are very much custom-built for the kind of class I teach — the structure of assignments, the rubric for feedback, the particular kind of activities we do in class, etc.

I’ve played with the idea of making a more “generic” education / teaching wiki. But I don’t really think there’s such a thing as a “generic” educational set of templates, tools, etc.

For all of my courses, the basic kinds of tiddlers include:

  • session-dates (we meet 13 times in a semester, plus a final exam session)
  • units (with which sessions are tagged)
  • books (textbooks and related books, with biblio info, fully harnessing refnotes in my other wikis, though not yet in this one)
  • authors/people (our readings’ authors, plus other relevant figures, with biographical info, an image or two, automatic links to connected tiddlers)
  • excerpts and other text snippets for in-class discussion / examples
  • vocabulary terms, concepts, keywords (which get freelinked whenever they appear in other tiddlers)
  • explanatory themes and discussion resources for in-class use (usually session-specific, occasionally reusable)
  • “quiz”-type questions (which students tackle in groups, but they can browse and practice with my available library of alternate questions for each session)
  • assignments (reading assignments, writing assignments)
  • evaluative rubrics for assignment submissions
  • actual student submissions for short assignment, where my feedback (without student names, and without overt grades) is visible to all
    ** (Note students don’t actually edit the wiki to submit; the university LMS interface gathers their submissions, and I export batches of them as JSON to work easily with them in TiddlyWiki.)
  • student teams/groups
    ** (Note I have no tiddlers for individual students, for complex reasons — basically an obstacle to easy snooping into other students’ grades. Individual student data is tucked into not-easily-human-readable fields that get parsed by permalinks… long story!)
  • advice, reminders, scheduling notes, misc communications

Reviewing this list, I see that someone teaching math, or computer science, or history, might have a very different set of needs. Someone teaching high school or middle school would have different concerns compared to university professors, too.

Even someone teaching in the very same field and level as I do is unlikely to find most of my wiki helpful in the actual details.

But they may see, for example, how the vocabulary tiddlers are gathered into a compact glossary (which transcludes only the first line/paragraph), and how the tiddler for any specific term often includes examples as well as template details such as which sessions focus on this concept, and reverse engineer my structure to work for their needs.

Eh. I am always curious, so guess what? I did download your site. The downloaded file do show buttons and tabs. I am guilty, sorry!

I am very impressed with your great work.

1 Like