Educator, Thinker, Consultant

Category: Open Source (Page 1 of 2)

VocalCat & Badges

VocalCat

I learned about VocalCat from Doug Belshaw. Essentially, VocalCat is:

The decentralized link-in-bio that connects to the Fediverse. Share links, collect badges, and own your online presence — no corporation in the middle.

Features

  • Link-in-Bio
    Add unlimited links, organize them your way. A clean, fast profile page that works everywhere.
  • ActivityPub Native
    Your profile is a first-class citizen on Mastodon, Pleroma, Misskey and every ActivityPub platform.
  • Badge Collection
    Receive and showcase verifiable badges from issuers across the Fediverse. Proof of achievement, decentralized.
  • Login with Mastodon
    No new password needed. Sign in with your existing Mastodon account from any instance.
  • Auto-Boost & Relay
    Consolidate your Fediverse presence. Automatically boost posts from your other accounts into one unified profile.
  • Open Source
    Fully transparent. Self-host it, audit it, or contribute on GitHub. Your data stays yours, always.

I’ve created an account for myself, Troy Patterson on VocalCat, which you can check out.

I’m not sure yet how this is different than the About Me Page on my website. I’m going to guess discoverability?

Part of VocalCat is that you can display badges. That got me to thinking. I know that I have a few Moodle badges, but I don’t remember if I have other badges.

Badges

Anyway, here are the Moodle Badges I’ve been awarded. (This will also be useful for “future me” when I need to look for badges.)

The one below is not really mine. Shawn McGirr asked me to submit an entry into the H5P awards. I submitted the entry, Vocabulary Practice using Rebus Puzzles by Shawn McGirr as part of Middle School Matters. Shawn was a finalist. However, since I had submitted, my name is associated with it. To be clear, Shawn did the work and is deserving of the award.

H5P Award Link

H5P Awards

The Third Annual H5P awards are out. Shawn McGirr is a finalist in the Innovative Use of H5P Content Types for his “Vocabulary Practice Using Rebus Puzzles activity. Beyond checking out his great work, you can check out the other finalists. Additionally, you could also check out the Second Annual Finalists. These can be useful to get motivated for what you can do with H5P.

For those not aware, H5P is open source and can create some terrific interactive experiences. (Kids can also create the experiences.) You do need somewhere to post the activities, but that can be Moodle, WordPress, or more. There are all kinds of content types, including: Arithmetic Quiz, Branching Scenario, Cornell Notes, Drag and Drop, Drag the Words, Game Map, Flashcards, Image Pairing, Mark the Words, Interactive Book, and so, so much more.

Lumi has a Desktop editor that allows you (or students) to create H5P activities. Lumi also provides hosting. H5P can also be activated within Moodle or WordPress. Moodle has the advantage of providing scores and such.

H5P material is also very easy to share. Many H5P activities have a “Reuse” button which makes a copy of the activity for you to install on Moodle or WordPress.

Pasteboard Alternative

Clipy is a pasteboard for the Mac that allows for multiple items to be saved and pasted. I’ve used Clipy for years. Clipy is an open source project that took up the reins when ClipMenu (another open source project) ceased to be developed.

I love the way that Clipy works. It gives me up to 100 of my last used copied items easily available. There is also a Snippet section that allows me to keep some frequently used text at the ready.

Clipy is my last remaining program that is Intel rather than Apple code. At least I think it is.

So, now I’m on the lookout for a new pasteboard option. Unless, someone picks up the project and converts it from Intel to Apple. Since it is open source, that remains a possibility. I don’t have the programming chops to even think about that.

Periodic Table Personalities

I’ve posted a “Periodic Table Personalities” resource over on Middle School Matters.

Periodic Table Personalities is the embodiment of the personification of those elements that make up our world.

Students simply answer a few questions about themselves to find that elemental connection. That’s right, students answer some (16) questions and then are presented with their “Element”.

Thanks to Shawn McGirr who developed this wonderful resource. This is an H5P activity that can be downloaded and reused.

Twine & Markdown

I’m working on my Fall ACTEM presentation. The presentation is on “Choose Your Own Adventure: Create An Adventure for Your Students”. Specifically, how you can create these for students. Or, better yet, how students can create these.

While working in Twine (I wrote about Twine previously), I wrote some things in Markdown. Since Twine doesn’t have a “viewer” window, pure text is what you see. I didn’t really expect Twine to display the markdown correctly, I was just entering it as a to way to remind myself to go back and format the text.

However, I clicked the “Test From Here” button, essentially a “preview” button, and lo and behold, Twine does display markdown as proper HTML.

Now, I know that I can use Twine while writing in Markdown. Yea!

H5P in Google Classroom

I’ve been a proponent of H5P. H5P creates interactive activities. I’ve long used it within Moodle to create activities for students to utilize. H5P is open-source. This means that I don’t have to worry about them switching to a paid model and losing all of my material.

H5P has a wide variety of interactive tools. These include Interactive Videos, Flashcards, Dictation Activities, Speak the Word, and much, much more.

However, most teachers only use Google Classroom. Google Classroom is “easy” to use. It also doesn’t do much.

While I have mostly used H5P in Moodle, I have used Lumi as well. Lumi is a stand-alone H5P creation and editing tool. You can download the full application (Mac, Windows, or Linux), so that you own and control all of the data and information. You can use their cloud version as well.

While I was using Lumi, I realized that it will export activities as a web page. Hm. If it’s a web page, one could put the link in Google Classroom. I created an activity, exported that activity to a web page, uploaded the web page to Google Drive, and then linked it in Google Classroom.

Guess what? Google removed the ability to serve web pages from Google Drive, so one still needs to find a place to host the activity. Lumi still makes it easy to create, but you can also use the H5P WordPress plugin. Or, you can take advantage of the power and ease of use of Moodle.

Hacking BookStack

I’m a big fan of open-source software. One that I’ve implemented in a couple of different places now is BookStack. BookStack is an open-source wiki platform. BooksStack is also very flexible.

However, we use formalized outlines. There is a desire to have a traditional outline:

  1. Roman Upper Case (I.)
    1. Alpha Upper Case (A.)
      1. Numeric (1.)
        1. Alpha Lower Case (a.)
          1. Roman Lower case (i.)
            However, Markdown doesn’t follow that structure by default. Alas, neither does BookStack.

Traditionally, Markdown doesn’t really “do” the traditional outline. I like to write in Markdown, and BookStack supports Markdown.

One of the beauties of open-source software is usually flexibility.

BookStack does include a way to customize your text and entries. Head over to Settings, Customization. Scroll down to “Custom Head HTML Content”

Here you can add some CSS to style your pages as you wish.

First of all, I wanted to change the font. This is pretty straightforward.

<link href="https://fonts.google.com/noto/specimen/Noto+Serif" rel="stylesheet">
<style>
h1, h2, h3, h4, body, button, input, select, label, textarea {
  font-family: "Noto Serif", serif; font-size:1.2em; color: black; </style>
<style>
.page-content h1 { font-size: 2rem; }
.page-content h2 { font-size: 1.8rem; }
.page-content h3 { font-size: 1.6rem; }
.page-content h4 { font-size: 1.4rem; }
.page-content h5 { font-size: 1.3rem; }
.page-content h6 { font-size: 1.15rem; }
</style>

This sets the font to “Noto”, which is a serif Google Font. By including elements (h1,h2…), everything will be in the Noto font

The bottom section controls the header size, with each level being a bit smaller than the preceding level.

Great so far. But what about the outline?

To structure the outline, I added the following:

<link href="https://fonts.google.com/noto/specimen/Noto+Serif" rel="stylesheet">
<style>
h1, h2, h3, h4, body, button, input, select, label, textarea {
  font-family: "Noto Serif", serif; font-size:1.2em; color: black;
}
.CodeMirror, pre, #markdown-editor-input, .editor-toolbar, .code-base {
  font-family: monospace;
}
    ol {
       list-style: upper-roman; style="margin-bottom: 40px;margin-right: 40px;"
      } 
    ol > li >ol {
       list-style: upper-alpha; style="margin-bottom: 40px;margin-right: 40px;"
    }
    ol > li > ol > li > ol {
       list-style: decimal ; style="margin-bottom: 100px;margin-right: 40px;"
    }
    ol > li > ol > li > ol  li > ol {
       list-style: lower-alpha ; style="margin-bottom: 40px;margin-right: 40px;"
      }
    ol > li > ol > li > ol > li > ol  li > ol {
       list-style: lower-roman ; style="margin-bottom: 40px;margin-right: 40px;"
      }
</style>
<style>
.page-content h1 { font-size: 2rem; }
.page-content h2 { font-size: 1.8rem; }
.page-content h3 { font-size: 1.6rem; }
.page-content h4 { font-size: 1.4rem; }
.page-content h5 { font-size: 1.3rem; }
.page-content h6 { font-size: 1.15rem; }
</style>

This adds the outline (in Markdown, the ordered list) that I need.

Looking better, but…

The lines are too close together. There is no visual break between each element.

Back to Customizing.

I add:

li {
margin: 1em 0;
}

to each ordered outline. This creates visual space between each item. So, my customization now looks like this:

<link href="https://fonts.google.com/noto/specimen/Noto+Serif" rel="stylesheet">
<style>
h1, h2, h3, h4, body, button, input, select, label, textarea {
  font-family: "Noto Serif", serif; font-size:1.2em; color: black;
}
.CodeMirror, pre, #markdown-editor-input, .editor-toolbar, .code-base {
  font-family: monospace;
}
    ol {
       list-style: upper-roman; style="margin-bottom: 40px;margin-right: 40px;"
      } 
      li {
        margin: 1em 0;
        }
    ol > li >ol {
       list-style: upper-alpha; style="margin-bottom: 40px;margin-right: 40px;"
    }
      li {
        margin: 1em 0;
        }
    ol > li > ol > li > ol {
       list-style: decimal ; style="margin-bottom: 100px;margin-right: 40px;"
    }
      li {
        margin: 1em 0;
        }
    ol > li > ol > li > ol  li > ol {
       list-style: lower-alpha ; style="margin-bottom: 40px;margin-right: 40px;"
      }
      li {
        margin: 1em 0;
        }
    ol > li > ol > li > ol > li > ol  li > ol {
       list-style: lower-roman ; style="margin-bottom: 40px;margin-right: 40px;"
      }
      li {
        margin: 1em 0;
        }
</style>
<style>
.page-content h1 { font-size: 2rem; }
.page-content h2 { font-size: 1.8rem; }
.page-content h3 { font-size: 1.6rem; }
.page-content h4 { font-size: 1.4rem; }
.page-content h5 { font-size: 1.3rem; }
.page-content h6 { font-size: 1.15rem; }
</style>

This is looking better. I may have more work to do, but I’m happy with the results so far.

Darktable

I’m a big fan of open-source software. One of the open-source projects that I like a ton is Darktable. Darktable is basically an open-source replacement for Adobe Lightroom. Darktable is very powerful.

I’m still learning the process of good photo editing. There are lots of support documentation and Youtube videos on using Darktable, but I’m still looking to find a really good, basic photo editing class/tutorial.

Recently, I found an issue with Darktable not fully displaying menu popouts. However, since this is open-source, there are lots of supportive folks out there. I found that someone else was also having that issue. They had a fix.

A quick download, and, uh-oh, it won’t open. Again, there is a lot of support. The fix is to allow the application in Apple’s Quarantine list. So, open the Terminal, and paste the following;

xattr -dr com.apple.quarantine /Applications/darktable.app

Now I’m all set. Darktable once again displays full popout menus. I don’t have to pony up my $10-$50 per month to Adobe.

Other Software

Recently, I posted on the software that I use. I know that I left some valuable resources out. It’s funny how you can use something tons and then not even really think about it when asked.

In some conversations, I realized that I had left out at least one resource that I really like. I’ve received lots of praise for implementing this one. It replaces expensive software that doesn’t work as well.

  • BookStack – This is wiki software that you can host. It is free and open source. It produces a beautiful site. I use this for documentation sites. (In my job, documentation is undervalued but crucial.) Lots of customization options. Lots of controls. It also supports Markdown (though I leave it at the default of WYSIWYG for others.)

Just thought that I’d add it to the list.

Open Source in Education

Why now?

New York is looking to Bill Gates to “reimagine” education. Obviously, Bill Gates has been successful in some of their endeavors. Bill Gates is one of the richest men (note: not people, men) in the world. Mr. Gates has done some great humanitarian work.

However, he has does not successful track record in education. In fact, Bill Gates has already tried to “save” education with completely unsuccessful results. According to Business Insider, his initiatives did more harm than good. Now, on one hand, there is nothing wrong with failure. We should actually celebrate failure that leads to learning. However, this is a case where Mr. Gates does not have the background, he has money. He also seems to be well meaning. However, education is far more complex than most people understand.

Cuomo, who does provide really good press conferences on the COVID-19 situation in New York, doesn’t have a great track record on education.

Our driving force really ought to be what is good for kids. Bottom line. We should not be trying to win the news cycle. We should not be trying to make ourselves “look good”. We should be doing what is best for kids. That gets lost far too often.

Experience Right Now

Lots of teachers were suddenly forced to provide learning online. Those teachers did a fantastic job. Many teachers have great experience in pedagogy, strategies, and resources in face to face instruction. However, many fewer have developed those same skills for using technology. Understanding technology use in education is a different thought process. The issue is, one needs to understand the educational process and technology. Truly understanding the educational process is key. Education is very different than a for profit business.

Companies made their products free. That period of “free” is now ending. Many of these companies now hope that teachers, schools and districts will start paying for their product. (This is why they developed and offered the product/service in the first place.) Many teachers adopted tools that were “popular” or shiny. After all, they needed to pick something quickly.

Why Open Source?

Educators need to start “steering the ship” in developing and implementing technology in education. Instead of trying to adopt the perspective and development of the venture capitalists, educators need to start developing things that will work for students and teachers. Open source is a great way to do that. Open source allows for educators to provide feedback. Open source allows for a continual development and improvement cycle.

Of course, this is not a short, quick process. Developing OER (Open Education Resources) and open source takes time, vision and leadership. The current employment cycle of a Superintendent is 5-6 years. Superintendents are frequently looking for “quick wins”. Companies are usually very good at catching the PR cycle. (Unfortunately, rarely do we ever do long term follow up. Plus, no one wants to have made a “bad” decision. So we end up with a cycle of everything is great and wonderful.

Again, unfortunately, this doesn’t really help kids.

Roadblocks

There are several roadblocks. First and foremost, this would take true leadership and vision. This means vision in terms of curriculum and processes. Superintendents tend to have a pretty short employment cycle. Superintendents have to consistently respond to the “now”.

Michigan has gone through somewhat of a similar process. The State of Michigan declared the #GoOpen movement. The #GoOpen movement is adoption of Open Education Resources (OER). The State also invested in the creation of social studies resources. Despite some early criticism, the nature of

Local Control is another mitigating factor. Open source could be developed at the state level and districts could adapt and adopt from there. In the beginning though, the choices would be limited. It would take quite a while to develop options for a wide variety of school districts.

Investment

I like to say that we are constantly investing in someone. Either we invest in ourselves, or we invest in someone else. It is frequently easier to invest in someone else. At least in the short term.

Investment in ourselves is hard. There would be some fits at the beginning. However, with vision, once some of these projects take off, the effectiveness of our curriculum could skyrocket. Additionally, schools could be saving a serious amount of money. (This would be harder for all to see though. It is much easier for the salespeople to come in and explain how much money you’ll be saving with their product. Frequently, these savings come from “creative” accounting.)

« Older posts

© 2026 Troy Patterson

Theme by Anders NorenUp ↑