1
00:00:00,000 --> 00:00:02,280
Okay, welcome everyone to the deep dive today.

2
00:00:02,280 --> 00:00:06,040
We're, uh, getting into something pretty interesting.

3
00:00:06,040 --> 00:00:09,920
I think we've got sources here from, well, it's website and also

4
00:00:09,920 --> 00:00:11,720
digging into its GitHub repository.

5
00:00:11,720 --> 00:00:14,240
We're talking about an online tool called WBO.

6
00:00:14,240 --> 00:00:14,920
That's it.

7
00:00:14,920 --> 00:00:17,920
WBO, which stands for whiteboard online.

8
00:00:17,920 --> 00:00:22,040
And yeah, we're going to dive into what this collaborative whiteboard actually is.

9
00:00:22,040 --> 00:00:26,960
We'll look at how, um, surprisingly easy it is to get going with it and sort of

10
00:00:27,000 --> 00:00:32,080
unpack why the sources are calling it this, you know, powerful tool for

11
00:00:32,080 --> 00:00:34,520
collaborating, drawing, even teaching.

12
00:00:34,520 --> 00:00:38,320
And our mission today really is to make this super clear for you, especially if

13
00:00:38,320 --> 00:00:41,680
you're maybe new to online tools like this, looking for something straightforward,

14
00:00:41,680 --> 00:00:43,720
no fuss, just visual sharing.

15
00:00:43,720 --> 00:00:44,280
Exactly.

16
00:00:44,280 --> 00:00:45,160
Super accessible.

17
00:00:45,160 --> 00:00:45,880
That's the goal.

18
00:00:45,880 --> 00:00:46,280
Okay.

19
00:00:46,280 --> 00:00:49,840
And, uh, before we properly jump in, we really want to give a shout out to our

20
00:00:49,840 --> 00:00:52,080
supporter for this deep dive safe server.

21
00:00:52,080 --> 00:00:54,760
You can find them at www.safeserver.de.

22
00:00:54,960 --> 00:00:58,880
They provide hosting, support, digital transformation, basically helping

23
00:00:58,880 --> 00:01:00,320
folks get their projects online.

24
00:01:00,320 --> 00:01:02,720
Could even be hosting something like WBO yourself.

25
00:01:02,720 --> 00:01:03,920
So check them out.

26
00:01:03,920 --> 00:01:06,400
www.safeserver.de.

27
00:01:06,400 --> 00:01:07,240
Excellent.

28
00:01:07,240 --> 00:01:07,560
Okay.

29
00:01:07,560 --> 00:01:08,480
Let's dive in then.

30
00:01:08,480 --> 00:01:10,760
WBO whiteboard online.

31
00:01:10,760 --> 00:01:13,520
Fundamentally, what is this thing?

32
00:01:13,520 --> 00:01:19,440
So imagine, uh, like a giant digital piece of paper, a canvas that lives on the web.

33
00:01:19,440 --> 00:01:20,000
Okay.

34
00:01:20,000 --> 00:01:21,040
It's main job.

35
00:01:21,040 --> 00:01:22,920
And the sources really highlight this upfront.

36
00:01:22,920 --> 00:01:23,760
It's pretty simple.

37
00:01:24,240 --> 00:01:29,080
Let lots of people draw on the same board together, um, at the exact same time.

38
00:01:29,080 --> 00:01:32,200
So it's like, we're all standing around the same whiteboard in a room, but you

39
00:01:32,200 --> 00:01:34,040
know, virtually that's the idea.

40
00:01:34,040 --> 00:01:35,320
That's the core magic.

41
00:01:35,320 --> 00:01:35,720
Yeah.

42
00:01:35,720 --> 00:01:40,480
That simultaneous input is key for collaboration and the sources really

43
00:01:40,480 --> 00:01:44,080
stress that it does this while being well, simple, totally free and really

44
00:01:44,080 --> 00:01:46,600
easy to get started with simple, free, easy.

45
00:01:46,600 --> 00:01:47,240
Okay.

46
00:01:47,240 --> 00:01:50,360
Those are definitely words that grab your attention, especially for beginners.

47
00:01:50,360 --> 00:01:52,680
How does that drawing part feel though?

48
00:01:52,680 --> 00:01:53,520
Is it smooth?

49
00:01:53,520 --> 00:01:54,880
Does it feel like real time?

50
00:01:54,880 --> 00:01:55,280
Yeah.

51
00:01:55,280 --> 00:01:57,920
The sources emphasize the real time aspect.

52
00:01:57,920 --> 00:02:00,280
The board updates instantly for everyone.

53
00:02:00,280 --> 00:02:03,920
You draw a line and boom, someone else sees it right away, wherever they are.

54
00:02:03,920 --> 00:02:08,400
That immediate feedback is crucial for actually working together visually.

55
00:02:08,400 --> 00:02:08,680
Right.

56
00:02:08,680 --> 00:02:12,440
Avoids that laggy disconnected feeling you sometimes get.

57
00:02:12,440 --> 00:02:13,920
And what about persistence?

58
00:02:13,920 --> 00:02:17,600
If I draw something and then close my laptop, is it gone?

59
00:02:17,600 --> 00:02:18,040
Nope.

60
00:02:18,040 --> 00:02:19,440
That's another key thing mentioned.

61
00:02:19,440 --> 00:02:21,480
The board state is always saved.

62
00:02:21,480 --> 00:02:22,320
Always.

63
00:02:22,320 --> 00:02:23,040
Always saved.

64
00:02:23,240 --> 00:02:25,040
So you don't have to stress about losing stuff.

65
00:02:25,040 --> 00:02:27,640
Close the browser, come back hours later, share the link.

66
00:02:27,640 --> 00:02:28,920
It'll still be there.

67
00:02:28,920 --> 00:02:29,160
Okay.

68
00:02:29,160 --> 00:02:29,480
Hold on.

69
00:02:29,480 --> 00:02:33,600
Simple, free, easy, real time and persistent.

70
00:02:33,600 --> 00:02:38,640
That sounds almost too good to be true for someone just wanting to like sketch

71
00:02:38,640 --> 00:02:40,280
out an idea with a colleague quickly.

72
00:02:40,280 --> 00:02:42,120
How do you actually get started?

73
00:02:42,120 --> 00:02:43,640
Is there a big signup process?

74
00:02:43,640 --> 00:02:45,760
Downloads, accounts.

75
00:02:45,760 --> 00:02:48,120
This is where it gets really good, especially for beginners.

76
00:02:48,120 --> 00:02:49,920
The sources are super clear.

77
00:02:49,920 --> 00:02:52,480
You don't need to set up anything to just try it out.

78
00:02:52,480 --> 00:02:52,880
Nothing.

79
00:02:52,960 --> 00:02:53,440
Nothing.

80
00:02:53,440 --> 00:02:55,840
They mentioned a demo server that's just open.

81
00:02:55,840 --> 00:02:59,480
You go to wbbo.oprfear.dev in your browser.

82
00:02:59,480 --> 00:03:00,480
That's it.

83
00:03:00,480 --> 00:03:02,360
You're on a whiteboard, ready to go.

84
00:03:02,360 --> 00:03:08,320
Wait, seriously, just type that address wbr.ofear.dev and I'm drawing.

85
00:03:08,320 --> 00:03:11,480
No login, no pop-ups asking for my email.

86
00:03:11,480 --> 00:03:13,320
That's exactly what the sources describe.

87
00:03:13,320 --> 00:03:15,880
Easiest way in and collaborating.

88
00:03:15,880 --> 00:03:16,760
Just as simple.

89
00:03:16,760 --> 00:03:19,400
You copy the URL, the web address you're on and send it to whoever.

90
00:03:19,400 --> 00:03:20,200
Should I share the link?

91
00:03:20,200 --> 00:03:20,520
Yep.

92
00:03:20,520 --> 00:03:21,320
They click it.

93
00:03:21,320 --> 00:03:22,720
They land on the same board as you.

94
00:03:23,000 --> 00:03:24,040
Instantly collaborating.

95
00:03:24,040 --> 00:03:24,400
Wow.

96
00:03:24,400 --> 00:03:24,880
Okay.

97
00:03:24,880 --> 00:03:26,280
That genuinely is easy.

98
00:03:26,280 --> 00:03:27,440
No barriers at all.

99
00:03:27,440 --> 00:03:30,080
You mentioned a couple of ways to use it like this, right?

100
00:03:30,080 --> 00:03:32,080
Without setting up your own server.

101
00:03:32,080 --> 00:03:32,480
Yeah.

102
00:03:32,480 --> 00:03:33,600
Two main ways described.

103
00:03:33,600 --> 00:03:35,640
First, there's like the, uh, the public board.

104
00:03:35,640 --> 00:03:37,160
Think of it as a big open space.

105
00:03:37,160 --> 00:03:38,800
Anyone can jump on anonymously.

106
00:03:38,800 --> 00:03:43,200
Great for just messing around, maybe drawing with strangers online, quick, fun

107
00:03:43,200 --> 00:03:46,560
stuff, but the sources do note it's ephemeral, right?

108
00:03:46,560 --> 00:03:49,760
Not for super important work or anything private.

109
00:03:49,760 --> 00:03:51,640
Like a digital public wall for doodles.

110
00:03:51,640 --> 00:03:52,640
Got it.

111
00:03:52,960 --> 00:03:57,160
Fun, but maybe not for plotting world domination.

112
00:03:57,160 --> 00:03:59,520
What if you need something, you know, just for your group?

113
00:03:59,520 --> 00:03:59,840
Right.

114
00:03:59,840 --> 00:04:00,800
That's the second option.

115
00:04:00,800 --> 00:04:03,840
Still using their server and create a private board.

116
00:04:03,840 --> 00:04:08,680
When you do that, WBO makes a unique random name for your board,

117
00:04:08,680 --> 00:04:11,200
like a secret code in the URL.

118
00:04:11,200 --> 00:04:13,560
So it's not passworded, but it's obscure.

119
00:04:13,560 --> 00:04:14,560
Exactly.

120
00:04:14,560 --> 00:04:17,960
Only people with that specific random link can find it highly unlikely.

121
00:04:17,960 --> 00:04:18,960
Someone just guesses it.

122
00:04:19,480 --> 00:04:23,320
So perfect for a team meeting, a study group, sketching with friends,

123
00:04:23,320 --> 00:04:25,040
you know, stuff you want to keep within the group.

124
00:04:25,040 --> 00:04:25,480
Okay.

125
00:04:25,480 --> 00:04:26,200
That makes sense.

126
00:04:26,200 --> 00:04:29,680
Public for random fun, private link for your own group.

127
00:04:29,680 --> 00:04:32,320
That really delivers on the easy for beginners angle.

128
00:04:32,320 --> 00:04:34,280
What are people actually using this for?

129
00:04:34,280 --> 00:04:35,320
You said it's versatile.

130
00:04:35,320 --> 00:04:35,840
Yeah.

131
00:04:35,840 --> 00:04:39,760
The sources list things like art, entertainment, design, teaching.

132
00:04:39,760 --> 00:04:42,120
It seems it's simplicity is the key.

133
00:04:42,120 --> 00:04:43,600
It just gets out of your way.

134
00:04:43,600 --> 00:04:44,800
Can you paint a picture?

135
00:04:44,800 --> 00:04:46,160
Any specific examples?

136
00:04:46,160 --> 00:04:46,720
Sure.

137
00:04:46,720 --> 00:04:48,840
They mentioned collaborative diagramming.

138
00:04:48,840 --> 00:04:53,360
So maybe a team sketching out a user flow or a process map together.

139
00:04:53,360 --> 00:04:53,600
Right.

140
00:04:53,600 --> 00:04:56,000
So one person's screen sharing and everyone else just watching.

141
00:04:56,000 --> 00:04:56,800
Exactly.

142
00:04:56,800 --> 00:04:57,840
Or teaching math.

143
00:04:57,840 --> 00:05:01,960
You could draw equations, graphs, geometry figures, live on the board

144
00:05:01,960 --> 00:05:03,280
with students participating.

145
00:05:03,280 --> 00:05:04,960
Ah, I can see that being useful.

146
00:05:04,960 --> 00:05:07,080
And just collaborative art, obviously.

147
00:05:07,080 --> 00:05:11,720
From silly doodles with friends to maybe more structured creative

148
00:05:11,720 --> 00:05:14,080
projects, because it's just a shared canvas.

149
00:05:14,080 --> 00:05:16,160
It fits lots of visual tasks.

150
00:05:16,520 --> 00:05:21,240
Teaching, design, art, all just by sharing a link.

151
00:05:21,240 --> 00:05:24,120
It's pretty powerful for such a simple concept.

152
00:05:24,120 --> 00:05:29,320
And for a lot of people, just using that wb.ofir.dev demo site will

153
00:05:29,320 --> 00:05:30,400
probably be enough, wouldn't it?

154
00:05:30,400 --> 00:05:31,280
Oh, absolutely.

155
00:05:31,280 --> 00:05:35,480
For quick collabs, trying it out, brainstorming, the demo server is fantastic.

156
00:05:35,480 --> 00:05:37,520
You're up and running in literally seconds.

157
00:05:37,520 --> 00:05:37,960
Okay.

158
00:05:37,960 --> 00:05:41,240
But the sources do go a bit deeper, right?

159
00:05:41,240 --> 00:05:44,760
For people or organizations who need more control, maybe hosting it

160
00:05:44,760 --> 00:05:47,000
themselves, does the easy part still apply there?

161
00:05:47,000 --> 00:05:47,880
It seems so.

162
00:05:47,880 --> 00:05:48,320
Yeah.

163
00:05:48,320 --> 00:05:51,840
The sources suggest that even self-hosting running WBO on your own

164
00:05:51,840 --> 00:05:55,320
server is designed to be, well, relatively straightforward compared

165
00:05:55,320 --> 00:05:56,640
to maybe other web apps.

166
00:05:56,640 --> 00:05:56,960
Okay.

167
00:05:56,960 --> 00:05:59,520
So if you need that extra privacy, or maybe you're a school and

168
00:05:59,520 --> 00:06:03,000
want it on your own network, it's not necessarily a huge technical

169
00:06:03,000 --> 00:06:03,680
mountain decline.

170
00:06:03,680 --> 00:06:04,840
That seems to be the message.

171
00:06:04,840 --> 00:06:06,480
They outline a couple of main ways.

172
00:06:06,480 --> 00:06:07,080
What are those?

173
00:06:07,080 --> 00:06:10,520
Well, they mentioned using Docker containers, which is often described

174
00:06:10,520 --> 00:06:14,120
as a kind of safer packaged way to run applications.

175
00:06:14,160 --> 00:06:15,840
There's an official image ready to go.

176
00:06:15,840 --> 00:06:16,240
Okay.

177
00:06:16,240 --> 00:06:16,760
Docker.

178
00:06:16,760 --> 00:06:18,880
I've heard of that sort of self-contained.

179
00:06:18,880 --> 00:06:22,600
Pretty much, or you can run it directly using Node.js, which is

180
00:06:22,600 --> 00:06:24,480
the technology WBO is built with.

181
00:06:24,480 --> 00:06:27,800
That means installing Node.js and running the code directly

182
00:06:27,800 --> 00:06:29,040
on your machine or server.

183
00:06:29,040 --> 00:06:29,840
Right.

184
00:06:29,840 --> 00:06:31,160
So a couple of standard options.

185
00:06:31,160 --> 00:06:35,320
The main point for someone maybe less technical is that if you need to

186
00:06:35,320 --> 00:06:39,760
self-host, the path isn't described as overly complex.

187
00:06:39,760 --> 00:06:40,360
Exactly.

188
00:06:40,360 --> 00:06:43,560
The focus seems to remain on ease even for deployment.

189
00:06:43,600 --> 00:06:47,080
So you get the control, the data privacy, without necessarily needing,

190
00:06:47,080 --> 00:06:49,800
you know, a huge IT department just for this one tool.

191
00:06:49,800 --> 00:06:50,480
Makes sense.

192
00:06:50,480 --> 00:06:52,840
And if you do run your own instance, what about managing it?

193
00:06:52,840 --> 00:06:54,840
Can you control who gets in, what they can do?

194
00:06:54,840 --> 00:06:55,840
Yes, definitely.

195
00:06:55,840 --> 00:06:58,360
Self-hosting unlocks more configuration.

196
00:06:58,360 --> 00:07:00,640
You can set up proper authentication, for example.

197
00:07:00,640 --> 00:07:01,320
Like logins?

198
00:07:01,320 --> 00:07:01,600
Yeah.

199
00:07:01,600 --> 00:07:05,920
Using things like JWTs, JSON web tokens for more secure access, instead of

200
00:07:05,920 --> 00:07:07,720
just relying on those random board names.

201
00:07:07,720 --> 00:07:09,480
And you can assign roles.

202
00:07:09,480 --> 00:07:11,240
Roles, like admin powers.

203
00:07:11,240 --> 00:07:12,080
Sort of.

204
00:07:12,080 --> 00:07:15,760
There's the default editor role they can draw, but there's also a moderator role.

205
00:07:15,760 --> 00:07:16,920
Uh, the board wiper.

206
00:07:16,920 --> 00:07:17,800
Exactly.

207
00:07:17,800 --> 00:07:21,560
The moderator can clear the board and you can get quite granular, tying

208
00:07:21,560 --> 00:07:23,920
specific roles to specific board names.

209
00:07:23,920 --> 00:07:27,200
So maybe you're a moderator for this project board, but just

210
00:07:27,200 --> 00:07:28,640
an editor on that team board.

211
00:07:28,640 --> 00:07:28,960
Okay.

212
00:07:28,960 --> 00:07:30,520
That's useful for organizations.

213
00:07:30,520 --> 00:07:32,720
Definitely different permissions for different spaces.

214
00:07:32,720 --> 00:07:35,360
Any other simple configuration things mentioned?

215
00:07:35,360 --> 00:07:38,240
Um, yeah, you can control things like where the board data

216
00:07:38,240 --> 00:07:40,240
actually gets saved on your server.

217
00:07:40,320 --> 00:07:43,360
There's also a setting mentioned about, uh, how many drawing

218
00:07:43,360 --> 00:07:44,680
actions get sent per second.

219
00:07:44,680 --> 00:07:48,720
Basically a way to balance drawing smoothness against how much

220
00:07:48,720 --> 00:07:50,000
load it puts on your server.

221
00:07:50,000 --> 00:07:50,400
Okay.

222
00:07:50,400 --> 00:07:51,280
Fine tuning.

223
00:07:51,280 --> 00:07:53,320
And what about seeing what's happening?

224
00:07:53,320 --> 00:07:54,880
Like monitoring usage.

225
00:07:54,880 --> 00:07:58,520
They mentioned it can send metrics like how many people are connected

226
00:07:58,520 --> 00:08:02,480
server load to monitoring systems using a standard called stats.

227
00:08:02,480 --> 00:08:05,800
So you can hook it into tools like Prometheus or a data dog.

228
00:08:05,800 --> 00:08:06,800
If you're already using those.

229
00:08:06,800 --> 00:08:07,440
Got it.

230
00:08:07,920 --> 00:08:11,560
So basic monitoring is built in and getting a quick look at a board's

231
00:08:11,560 --> 00:08:12,960
content, like a snapshot.

232
00:08:12,960 --> 00:08:13,520
Yep.

233
00:08:13,520 --> 00:08:16,480
There's an SVG preview feature mentioned.

234
00:08:16,480 --> 00:08:21,200
You can usually just add preview before the board name in the URL and it gives

235
00:08:21,200 --> 00:08:23,040
you a static image of the board.

236
00:08:23,040 --> 00:08:27,320
Sources say it's maybe not a hundred percent perfect visually, but good for

237
00:08:27,320 --> 00:08:28,600
a quick glance or an export.

238
00:08:28,600 --> 00:08:29,760
That is handy.

239
00:08:29,760 --> 00:08:33,760
It really sounds like a well thought out tool, simple on the surface, but with

240
00:08:33,760 --> 00:08:35,280
some decent depth if you need it.

241
00:08:35,720 --> 00:08:38,800
And a big part of that, I think comes from it being open source.

242
00:08:38,800 --> 00:08:39,120
Right.

243
00:08:39,120 --> 00:08:40,120
You mentioned GitHub.

244
00:08:40,120 --> 00:08:40,360
Yeah.

245
00:08:40,360 --> 00:08:43,920
The sources highlight uses the AGPL 3.0 license.

246
00:08:43,920 --> 00:08:45,160
The code is public.

247
00:08:45,160 --> 00:08:49,040
Which means anyone can look at it, use it, maybe even help improve it.

248
00:08:49,040 --> 00:08:49,760
Exactly.

249
00:08:49,760 --> 00:08:53,200
The sources mentioned it has like over 40 contributors.

250
00:08:53,200 --> 00:08:54,760
People have chipped in to build it.

251
00:08:54,760 --> 00:08:59,400
That whole community aspect is probably why it's free, why it's got these user

252
00:08:59,400 --> 00:09:03,000
friendly features, but also robust options like self-hosting.

253
00:09:03,320 --> 00:09:07,080
And if you run into trouble or have ideas, GitHub is the place to

254
00:09:07,080 --> 00:09:08,280
go, according to the docs.

255
00:09:08,280 --> 00:09:08,800
That's great.

256
00:09:08,800 --> 00:09:11,760
It shows how that open approach can lead to really practical,

257
00:09:11,760 --> 00:09:13,400
useful tools for everyone.

258
00:09:13,400 --> 00:09:14,080
It really does.

259
00:09:14,080 --> 00:09:15,200
It's a solid example.

260
00:09:15,200 --> 00:09:15,720
Okay.

261
00:09:15,720 --> 00:09:17,600
So let's kind of wrap up this deep dive.

262
00:09:17,600 --> 00:09:22,800
We've looked at WBO, this online collaborative whiteboard, and the big

263
00:09:22,800 --> 00:09:28,400
takeaway really seems to be simple, free, and genuinely easy to start with.

264
00:09:28,880 --> 00:09:34,760
We saw how anyone, especially beginners, can just hit that demo server, wbbu.ofir.dev,

265
00:09:34,760 --> 00:09:38,520
visit the site, grab a link, and start collaborating visually, either on the

266
00:09:38,520 --> 00:09:40,880
public board or a randomly named private one.

267
00:09:40,880 --> 00:09:42,160
Super low barrier to entry.

268
00:09:42,160 --> 00:09:47,040
And then we touched on how, if you need that next level more control, privacy,

269
00:09:47,040 --> 00:09:51,320
managing access for a team or organization, the sources suggest self-hosting is

270
00:09:51,320 --> 00:09:52,800
designed to be pretty accessible too.

271
00:09:52,800 --> 00:09:53,200
Right.

272
00:09:53,200 --> 00:09:56,760
Giving you control over your data, setting up roles without it being presented as

273
00:09:56,760 --> 00:09:58,400
this massive technical challenge.

274
00:09:58,440 --> 00:10:03,080
So the core value is that accessible real-time drawing collaboration, good for

275
00:10:03,080 --> 00:10:07,760
quick sketches, brainstorming, teaching, basic design work, all wrapped in a

276
00:10:07,760 --> 00:10:09,120
package that feels easy to pick up.

277
00:10:09,120 --> 00:10:12,320
Yeah, definitely aimed at being beginner friendly, but with capability underneath

278
00:10:12,320 --> 00:10:14,360
a great showcase of open source really.

279
00:10:14,360 --> 00:10:20,800
And speaking of support, let's thank Safe Server again, www.safeserver.de for

280
00:10:20,800 --> 00:10:22,840
helping make this deep dive possible.

281
00:10:22,840 --> 00:10:26,800
Their hosting and digital transformation support are vital for getting projects

282
00:10:26,800 --> 00:10:30,880
online, check them out at www.safeserver.de.

283
00:10:30,880 --> 00:10:31,440
Definitely.

284
00:10:31,440 --> 00:10:36,520
So thinking about WBO, how simple it is just to send someone a link and suddenly

285
00:10:36,520 --> 00:10:40,000
you're both looking at the same canvas drawing together, it makes you wonder,

286
00:10:40,000 --> 00:10:43,760
doesn't it, what idea, what project, what little sketch could you bring to life

287
00:10:43,760 --> 00:10:45,880
right now, just by sharing one of those links?

288
00:10:45,880 --> 00:10:47,320
It's a good question to ponder.

289
00:10:47,320 --> 00:10:49,000
Well, thanks for joining us on this deep dive.

290
00:10:49,000 --> 00:10:50,120
Yeah, until next time.