Dear viewer, these subtitles were generated by a machine via the service Trint and therefore are (very) buggy. If you are capable, please help us to create good quality subtitles: https://c3subtitles.de/talk/1145 Thanks!
Perfect. OK.
Hi, everyone.
Um, welcome here to the KBG
Assembly.
Um, we now have a session on
squirreled, um,
which is a collaborative learning and
working environment.
And, um, we'll
first have an introduction by
Michael's, um,
and then
we'll have your kind of collaborative
working situation where you can work
together. Uh, the first part will be
recorded and streamed and we will
have a round
of questions after the first part,
the first introduction.
Um, maybe
you just want to get up on the
stage and introduce yourself.
Sound working, wonderful
English, OK for everyone, yeah,
OK, if not, just shake the
hand.
Hi, yeah, I'm um, we
are Marcus Ebtekar.
We just started the development of
surveillance tool for cooperative
learning. So I don't know who has a
background in education in any way.
Just some educators here.
And, um, who else has
has ever worked with a whiteboard
and put and posted posts
on it
was ever taking photos of a whiteboard
full of Post-it
who had to type it down?
OK, so we have some scenarios
already for the
computer thing.
So, um, we worked in the project
it relapser.
That's where we organized some
meet ups of with teachers and educators,
coders, designers over the year.
And we found out that in open
educational resources things are still
very traditional. So people are working
with, um.
Yeah. Uh, worksheets and now they
have PDAF worksheets and everything is
very top down still.
And we thinking, like what?
How can we help make, um,
teaching or learning more of the
experience, of cooperation, of
collaboration, of working together, of
getting the experience out here for
WOYZECK and do something.
And, um, the idea was
to start with, like free, accessible
tools for digital creation
so that how can we work together with
something that resembles an online
pinboard? There are one or two
commercial tools out there like Peddler
this one examples, but um,
yeah, we don't know what they do with the
data and it costs like, I don't know,
seven euros per month per student.
So most schools cannot afford it.
Um, we thought we could maybe
build something cooler to foster some
kind of culture of cooperation and
sharing. So the idea is how can we
actually, um, make learning,
uh, support a culture where learning
is cool again, where people can actually
find it easy to work together in groups
and, um, work on some kind of shared
content.
This whole, um.
Yeah. And the existing tools also
don't have any offline editing or are
tied to specific devices and so on.
Um, so the basics is actually that you
have some kind of um.
Yeah. Little squares that you create
where you can uh teachers can start
asking questions where there's uh,
students can write some text at some
images, at some links and so on.
Um, I think they are already several
tools who work a bit like this on
the desktop environment, like Meitner
tools. But it's not an open
source tool that really works
collaboratively. It's, um,
the idea is that in the long run, there
should also be should also be possible to
add some multiple content types, like
on not only text but also recording's
external content drawings and so on.
And um, also to enable some
interactions with some comments,
emoticons, um, uh,
custom designs and so on.
So the overarching aim is that people
find it very easy to share their
thoughts, to work together in groups and
actually to enable new teaching
scenarios and some interactive
exercises for that as well.
Um, another feature
that splendors also some tech and future
views. Um, I think
I'm actually I think maybe,
uh, they're the sole presentations
also online on the site.
So we just very briefly, um,
skim it. Uh, the tricky part that
we are still working on at the moment is
to enable this, uh, synchronization
and the offline editing that people can
really work simultaneously together.
Um, so this is actually the
tricky part, but we already have some
prototype in the long run.
Another one would be nice
to have, uh, Flickr, Wikipedia and
other open comment just embedded in,
um, for this workshop.
I think we just finished presenting this
tool a bit and then we can, uh, work
in groups together and just build some
scenarios in this prototype.
How could it look like. So we would just
get to the alpha version
of square lit. Now, um,
the whole project is on guitar, by the
way. It's on
the repository is called
Schallert for the Tools.
Well, it's all kind of easy to remember.
Hmm. So,
um, great.
So I think if we want
to present the tools, I'm
sick. And so we
just want to show how this whole tool is
working.
Um,
if you enter the address, uh, squarely
dug
a big enough square,
you find the prototype at
the moment it's working on desktop
computer. So if you don't have one best
to try to sit next to someone
who has a.
Or something, and I
think it works a little bit on tablets
as well, but on the mobile viewers, still
some see us as work to be done.
And the GitHub repository you find
here also under
immediate GitHub.
Squirrel it, squirrel it.
So how
does it work? So if you go to this
website square dot org,
you can just click on this button to test
the Alpha version.
OK, they already have something here.
Um, as you can see, if you double click
on it, you can create some little squares
here, um, which at the moment accept
some markdown and also
some HTML so
you can just write.
This is the
key Poca regear
and you can also make it a heading
and um or like
a double heading or I
don't know, having it
in italics.
So basically just do everything that
you're supposed to
to do with markdown.
If you click outside of the field and
this kind of
square is saved and
you can connect it with
the other squares, we having some xactly
so
this way for teaching, it's
possible to have some more complex
scenarios and show some learning path and
that kind of stuff.
It's also possible to change
the setting of
it and the different
square settings.
Don't want to explain the square settings
or the.
Of.
Uh, I just prepared a small,
um,
and obviously.
I, um, I imagine
you are, and, uh, we have a history
session in the class and,
um, yeah, I just want to
show how you could use it in, uh,
session. Um, just to give you an
idea. Um,
yeah. You could create like for example,
you could start with the question.
Um.
Oh, this.
The question, for example,
what happened
and then you have maybe
two events,
the first could be like the the
fall of the Berlin Wall.
Um.
Huh.
As
I did with
my.
So of.
So this is one event and, uh,
another one is, um,
the.
Meet up of these guys,
for example, so,
um, yeah, you could have
like in the classroom, they are groups,
you have a Beamer, you have two
groups and you
have these two happenings, um,
and you could, like, implement
the picture, like doing this
image, the choose image,
put a link
and the image should be there
probably.
OK, it's not working.
That's not good.
OK, it should work.
Um then let's do it like this.
Maybe it's better to just use markdown.
Um.
I thought at first
I thought, OK.
Yeah, OK,
this picture.
So, um, yeah, it's
a little bit messy because, uh,
you know, if you have not your own
computer and
you're always searching for so now you
have these two openings and now you can
discuss, um,
uh, then you can give
the for example, the the the action.
OK, um, make some research.
What, um, what
how these two happenings are
interconnected.
So and then, um, for example, they could
use like different kind of resources to
make some research and to organize the
research around this to happenings.
And then there's a discussion afterwards,
um, how to bring them together
and how they are interconnected.
And this was just one example.
So you but you could yeah.
You can implement pictures.
You could also implement
the whole, uh, whole website.
You using iframe um,
there's also an option
for this.
Um, if you have like this
maybe the square, that website
is for this
for now.
Um OK.
Example, you
can choose like website and
put.
It's also not working then you could
just use, uh,
HMO and then it should work
because I think there is
something in the background.
What changed?
So if you use your
eye frame.
Uh, uh.
As a Dunlea,
kind of a.
onasis, honest kid,
OK, it worked
so you can input videos, you can
everything about what you can about and
then you can organize all these
different kind of
information to
create a picture, for example, for the
history lesson. So that was my point.
Yeah. Um, another option that
is interesting, in the long run, if you
really want to add some
more dimensions to this whole
experience and the exercises, you can
take some content, some more content
from the side each five P.
Um, I know who worked
already with five P
o ok with h5
p. It's a very nifty tool.
It's also open source where you can
actually create some content blocks, some
interactive blocks that you can, you can
install it in any WordPress or Moodle
installation and you can also embed these
blocks in other websites.
So if you go to HSP
dot org and here
then two examples and download,
you'll find lots of examples
of content types that you
can use in other websites.
Also, if you get an account there, you
can also create your own exercise or
whatever. You can also install
the plugin on your own WordPress and
would decide if you own one.
So, for example, um,
let's take here the with
the timeline.
Um, so take the timeline
content type
and it creates a nice timeline of
the history of strawberries, an
important history that is
underappreciated in classrooms.
So of course, we need to embed
it here.
Um, and
it's just the usual thing for the iFrame,
uh, the size.
And I just copied this code
and put
it in here, for example.
And then I just hope, OK, for some reason
it works, which is nice.
So now I have the
history of iFrame but I need to make it a
bit higher.
OK, so now is the complete
history of, of,
of strawberries here.
And you can just scroll the timeline
and go to the next strawbery went
and get all the strawbery related
information that you would ever need,
here are some other content types as
well. For example, some quizzes and some
questions said, some mark the words
things so that all you can all inbetween
is eye frames.
If like in the next stages of
development, of course, this should be
much, much easier to to
work with and much more intuitive
and so on. But at the moment it works
with iFrame. So just
what we are looking for at the moment is
like how could the scenario
look like, how could a peddler
look like that is useful for
teaching how to listen for this look like
so that we have a better idea to
what to develop.
And the other thing is of course who
wants to join this whole project.
It's a piece
just and if you want a special
feature, if you want to work on it, just
visit the GitHub page here.
Um, squelched, slash
squirreled, just going
in and
create an issue, um,
who created an issue in her life
before GitHub issue.
OK, wonderful. Then
about half.
So the mystery of creating
a good GitHub issue is to go to
new issue and.
Right. The issue
is much more complicated than we thought,
but then it works.
And this way we can just if you have any
for example, this is not working or any
feature request or hey, good idea, please
edit as an issue so that everyone can see
it and we can work on that.
And they are already also some existing
bugs. So um, yeah.
If you want to join the development
join get up and.
Yep. But for now the other part that you
mean apart from joining the development,
the other part to contribute the other
way to contribute to um to scale
it and to help it realize it
is to actually build some concepts
and to create some very nice
Scarlet's. That would be examples as
actually about how you
would like to use it, how you could see
it being used in classroom
for this.
Um, I think we can now just
close the session in a few minutes and or
the presentation part and continue the
session in just working on some
in small groups as we like to create,
just create some square
examples. If you have these boards,
um, you can
here are also some settings for the
board.
Um, it is also possible
to export to
publish this squarely at the moment.
So you can publish then
and then you get an address
on the website for the.
Oh oh I don't know.
Could you show me how we can publish it
by the way.
OK, so I go to remote.
Yeah. This way now I have to click
on remote and there's a link already for
the square root, for the shared board and
now like everyone can, can access
this board and have a look at it.
So this is the stage.
What is working at the moment that you
can just share borders to
other people? Um, um,
there's already an implementation of the
synchronization that we can try now
when you go to Beta Dot
Skellig.
Things like that,
and, yeah,
is the collaboration,
so.
Yeah, so if you
have a laptop, please open the
beta dot squarely dot org
and just create some squares, so.
So this way, for
example, do you see something?
OK, so that's that's a statement this is
kind of working a bit of this kind of
life collaboration, and
I think some of these squares
are already popping up here.
You can also connect them.
By the way, currently the
developer who is doing all this
is Ebtekar, who's here
also. So I think we can later discuss the
technical questions more and.
Yeah, so this is at least
like a kind of a proof of concept, so at
the moment we are just looking how to
expand this.
Um, I think in the
next step would
be that we, um,
can work on these concepts
a bit more.
Uh, just get the link for the MTA.
Yeah.
OK, one.
So if for chortling for
the document,
if you just enter this link.
You'll find more examples of frames
and
and links Foursquare.
So the idea is
now in the next part is just
we can just create some
valid examples and put the
links on this Ogi
on this M.D.
page.
OK, and any questions so far before
we start with this group work?
Yeah, just
a moment, we need to get the microphone
here.
I saw there are dashboards and names
for it.
Is there a certain dashboard that you
opened? I cannot see the contents.
You mean is the concept that the
names are attached
are different, different dashboards?
If I start a new one, does it get a name
or. I mean.
You mean this one.
Yeah, exactly.
This this one here.
Yeah. At the moment these names are
just randomly created off the boards.
But the idea is that, you know, if we get
this kind of life, this kind of holbeck,
anything working, that we will have
custom names as well.
Also some kind of more, um,
a different set of permissions that you
can say this is private or this is
shared, for example.
The was a group and one
more thing, if you share your
board, everybody
can change something on this board, so
it's not safe.
There's no not like end user
management system behind that.
There's no password.
So this is something what's,
uh. Yeah, but what we need.
OK, any other questions before
we continue discussing in groups, this
one?
Do you plan to implement license
management connected to the images
that you later can do your Tulu
ride with it?
You know what I mean?
Something that, for example, this is a
zero or this is, uh, it's
from another source and everything that
you have later in process.
Right. If you already collected
it, it would be wonderful issue, by the
way, just right.
Please, at license management, because I
think what's missing this is a feature
on the list of this would be very nice.
But the next step would be also to get a
good concept of actually how would it be
displayed? Would it be like a subtitle
under the, uh, the images?
I think the very basic feature, for
example, could look like that you have a
picture and you can always add some text
to it or something.
So, um.
Yeah, I mean, the big plus for H5
is that you have the information saved
and that it not needs to be displayed,
but you have it when you need it.
Yeah.
Yup, that's this license management
thing is definitely, definitely a
question and how to, for example, that it
would be possible to have this kind of,
um, the source displayed
there somewhere or still available there.
Yeah.
I would like to know if there's some kind
of tracking that, you know, who changed
the content or just
gone or I don't know, maybe if
I could answer this issue.
Is there some kind of tracking that
you're checking?
So sorry, could you repeat
it because.
Well, is there any kind of tracking that
you can see who changed?
And not right now.
Uh, the remote
collaboration.
We are still working on that.
And you are going to have a history
who made some changes and
go back and undo
some change.
But because we started
the development for our local
app and like
you, if you see right now, everything
is safe in your browser.
And if you lost your Internet connection,
your content is still safe and you can
continue working in your
board without the Internet connection.
And but this causes the problem,
that if two persons
are working in the same board and they
need to synchronize, this is not
easy.
If you don't have a solution like
Google Docs have that they have our big
server that do this synchronization.
And right now we are working
in this CRT.
That's a new
way of synchronizing
different content documents.
Doesn't matter if, uh,
they were ordered. That was the change
was made. But this is very complex
and very complex because we have is just
one developer entity right now.
It's.
The question is, you have already
mentioned that the usage on
a tablet is not yet implemented.
Is there any foreseeable
timeline for that so
that you can use it on
a tablet like an iPad or any other type
of tablet as well?
Because when you open it now, you can
at any node so far
so that, yes,
this whole timeline thing is a bit
difficult to estimate.
Or there's one very important factor
of the timeline that means it's very
much dependent on developer time.
So we started this project, I think three
months ago or something
because we were in
it was funded in the in this idea.
Let's project the funding.
Just I think it's running out tomorrow.
And it was on the basis
of having, I don't know, 14 hours of
developer time per week, which were
often used for something else.
And I think it got put in a lot of time
on his own time as well.
So at the moment, there's Ebtekar
who can code.
I'm not very useful in coding, but
so we can work on on concepts and
getting the ideas together and see with
the demand and do what we do know, for
example, fixing, how should it look like.
But of course, we are also doing some
kind of fundraising, explaining it to
some potential partners
or foundations, say, hey, what would be
cool? But it's mostly something
it is just a prototype.
We want to see how useful would
this be to people or to the communities
and who would like to join
developing this thing and maybe just also
shaping the direction it could take.
So I think at the moment this is more
like a proof of concept prototype thing.
And the more people
join, the faster it will be finished.
This is like the.
Yeah.
Is this the open source answer?
Um.
Yeah, so if there are no question,
I think we stop this kind of
transmitted part of the presentation.
No, thank you, everyone.
And we get to please
just if you haven't already come to the
tables and let us work in
small groups or by yourself on some,
just create some squillace and
just share them publicly so that we can
collect them as examples in this kind of
document.
So how should a square
look like? What would you what would
be the ideal lesson that you would like
to have? Like if you imagine you would be
a student or someone or like how would
you use it? Just make this Greylord
of your dreams come true.