{"id":958,"date":"2020-03-17T19:49:26","date_gmt":"2020-03-17T23:49:26","guid":{"rendered":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/?p=958"},"modified":"2020-03-17T20:31:53","modified_gmt":"2020-03-18T00:31:53","slug":"taking-my-wp-class-online","status":"publish","type":"post","link":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/2020\/taking-my-wp-class-online\/","title":{"rendered":"Taking My WordPress Class Online"},"content":{"rendered":"\n<p>Because of the pandemic I too have to start teaching online. I&#8217;ve been setting everything up and I&#8217;m going to track my progress and findings under the <a href=\"https:\/\/www.blindemanwebsites.com\/today-i-learned\/tag\/teaching-online\/\">teaching online<\/a>-tag. This post is about my preparations to make this class available online.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h3 class=\"wp-block-heading\">The Class<\/h3>\n\n\n\n<p>The course students are taking consists of one class every week for (nearly) the entire school year, they get different subjects during this year and my subject, WordPress, is one of the last ones. It is not a straight-up, plain-old, WordPress class. During the year they have worked on a project and made a design for a website or an app, during my class those designs will be turned into actual sites or webapps with WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The Situation<\/h3>\n\n\n\n<p>The class is in Amsterdam at <a href=\"https:\/\/mk24.nl\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"MK24 (opens in a new tab)\">MK24<\/a> and I was going to fly back there on March 19 but now I&#8217;m staying in New York City. Not a bad deal by any stretch of the imagination but let&#8217;s say I&#8217;m very glad that my class is an evening class. With the time difference between Amsterdam and New York, it will be 1 or 2pm in New York (depending on whether the clocks have changed in Amsterdam as well) when class starts.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The Tools <\/h3>\n\n\n\n<p>All the content for the classes will be on one WordPress website and each student will get their own WordPress site in a folder of the main site.<\/p>\n\n\n\n<p>Since I&#8217;m being paid by MK24 to teach this class, I cannot show you all of it. You can look at the public part at <a rel=\"noreferrer noopener\" aria-label=\"digitaldesignyear.nl (opens in a new tab)\" href=\"https:\/\/www.digitaldesignyear.nl\/\" target=\"_blank\">digitaldesignyear.nl<\/a> but most of the information for students, the classes, the video conferencing, is restricted to students.<\/p>\n\n\n\n<p>Students can log into the main site. Their roll, in WordPress terms, is Subscriber. Once logged in, they will never see the admin area of the site or the WordPress toolbar at the top but they will be able to see a lot more content, including the page with the video conferencing embedded and all the classes and resources for the classes.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">What I&#8217;m using to build this site:<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" aria-label=\"GeneratePress (opens in a new tab)\" href=\"https:\/\/generatepress.com\/\" target=\"_blank\">GeneratePress<\/a> &#8211; a solid, fast, neutral and versatile theme.<\/li><li><a href=\"https:\/\/wordpress.org\/plugins\/buddymeet\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"BuddyMeet (opens in a new tab)\">BuddyMeet<\/a> &#8211; to embed an instance of <a rel=\"noreferrer noopener\" aria-label=\"jitsi.org (opens in a new tab)\" href=\"https:\/\/jitsi.org\/\" target=\"_blank\">jitsi.org<\/a>. I like the thought of having the video conferencing software be part of the website that contains everything about their class. I provide a link so they can use Jitsi directly if they prefer but they can also log into the site and go to the &#8220;Meeting online&#8221; page and that will add them to the conference call automatically.<\/li><li><a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/wordpress.org\/plugins\/custom-post-type-ui\/\" target=\"_blank\">Custom Post Type UI<\/a> &#8211; I&#8217;ve added the custom post type Classes and the taxonomy Subject. All of my classes are under the subject WordPress, just in case one of the other teachers wants to add their own classes.<\/li><li><a rel=\"noreferrer noopener\" aria-label=\"GP Premium (opens in a new tab)\" href=\"https:\/\/generatepress.com\/premium\/\" target=\"_blank\">GP Premium<\/a> &#8211; the premium version of GeneratePress, not because this theme is perfect but because it gives me such a solid foundation to build almost any website on, and because they are so helpful on their forums.<\/li><li><a rel=\"noreferrer noopener\" aria-label=\"Koko Analytics (opens in a new tab)\" href=\"https:\/\/wordpress.org\/plugins\/koko-analytics\/\" target=\"_blank\">Koko Analytics<\/a> &#8211; so I can keep an eye on whether students are actually looking at all the material. It doesn&#8217;t collect any identifying information but if none of them ever looks at the Resources page, I know I need to direct them more forcefully.<\/li><li><a rel=\"noreferrer noopener\" aria-label=\"Link Library (opens in a new tab)\" href=\"https:\/\/wordpress.org\/plugins\/link-library\/\" target=\"_blank\">Link Library<\/a> &#8211; to easily add to the Resources page. (For an idea of what I&#8217;m putting on that list, you can take a look at my <a rel=\"noreferrer noopener\" aria-label=\"Resources page (opens in a new tab)\" href=\"https:\/\/www.blindemanwebsites.com\/today-i-learned\/links\/\" target=\"_blank\">Resources page<\/a> on my Today I Learned blog.)<\/li><li><a rel=\"noreferrer noopener\" aria-label=\"Login Widget with Shortcode (opens in a new tab)\" href=\"https:\/\/wordpress.org\/plugins\/login-sidebar-widget\/\" target=\"_blank\">Login Widget with Shortcode<\/a> &#8211; so I can easily add the login form to the home page of the site.<\/li><li><a rel=\"noreferrer noopener\" aria-label=\"Restrict User Access (opens in a new tab)\" href=\"https:\/\/wordpress.org\/plugins\/restrict-user-access\/\" target=\"_blank\">Restrict User Access<\/a> &#8211; this plugin allows me to make the content only accessible to my students. Pretty easy to use and lightweight.<\/li><li><a rel=\"noreferrer noopener\" aria-label=\"WP Show Posts (opens in a new tab)\" href=\"https:\/\/wordpress.org\/plugins\/wp-show-posts\/\" target=\"_blank\">WP Show Posts<\/a> &#8211; I&#8217;m using the free version of this plugin to have a little more control over the archive page for my custom post type Classes. <\/li><\/ul>\n\n\n\n<p>I&#8217;m using some other plugins as well but nothing that is specific to teaching online.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Thoughts so far<\/h3>\n\n\n\n<p>Based on my recommendation the teacher of this week&#8217;s class (I start next week) tried out Jitsi and send me a quick email to tell me that though it changed the dynamic of course, it worked well, so that makes me hopeful. He is going to tell me more later this week.<\/p>\n\n\n\n<p>One of the reasons I chose Jitsi is because it is open source and has a good community and because you don&#8217;t have to have an account or install any software. It is particular though about the browser you use. I put a list together for my students and I thought I would add it here for you:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Jitsi Supported Browsers<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.google.com\/chrome\/\" target=\"_blank\">Chrome<\/a> <\/strong>\u2013 Optimal experience. <em>Windows, Mac, Linux. <\/em>[Tested by me]<\/li><li><strong><a rel=\"noreferrer noopener\" href=\"https:\/\/brave.com\/\" target=\"_blank\">Brave<\/a> <\/strong>\u2013  I had an optimal experience when I used this on the jitsi.org site itself once I allowed autoplay. But if you try the embedded version on  this site, it doesn\u2019t work because of Brave\u2019s focus on privacy. If you would prefer to use Brave, please go directly to the Jitsi website. <em>Windows, Mac, Linux.<\/em> [Tested by me]<\/li><li><strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.opera.com\/\" target=\"_blank\">Opera<\/a> <\/strong>\u2013  It doesn\u2019t support screen sharing, aside from that it works well. <em>Windows, Mac, Linux.<\/em> [Tested by me]<\/li><li><strong><a rel=\"noreferrer noopener\" href=\"https:\/\/vivaldi.com\/\" target=\"_blank\">Vivaldi<\/a> <\/strong>\u2013 Should work at least as well as Opera but I haven&#8217;t tested it. <em>Windows, Mac, Linux.<\/em><\/li><li><strong>Chromium <\/strong>\u2013 Should be an optimal experience but is best suited for <em>Linux.<\/em> Find it through the repository.<\/li><li><strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.mozilla.org\/firefox\/\" target=\"_blank\">Firefox<\/a> <\/strong>\u2013 You get a warning when you connect, and I had some weird connectivity issues. I had to restart the browser. Chat didn\u2019t work. <em>Windows, Mac, Linux.<\/em> [Tested by me]<\/li><li><strong>Safari <\/strong>\u2013 Only sound, no video or screen sharing, but the chat works. <em>Mac.<\/em> [Tested by me]<\/li><li><strong>Edge <\/strong>\u2013 Not supported. <em>Windows.<\/em> [Tested by me]<\/li><li>New <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.microsoft.com\/en-us\/edge\" target=\"_blank\">Edge<\/a><\/strong> \u2013 Might work because it is based on Chromium\/Chrome. <em>Windows, Mac<\/em>.<\/li><li><strong>IE11 <\/strong>\u2013 Not supported. <em>Windows.<\/em> [Tested by me]<\/li><\/ul>\n\n\n\n<p>If you have any questions, thoughts or suggestions, I would love to hear them!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Because of the pandemic I too have to start teaching online. I&#8217;ve been setting everything up and I&#8217;m going to track my progress and findings under the teaching online-tag. This post is about my preparations to make this class available online.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[139,106,138,121,41],"class_list":["post-958","post","type-post","status-publish","format-standard","hentry","category-new-things","tag-jitsi","tag-plugins","tag-teaching-online","tag-video","tag-wordpress","infinite-scroll-item"],"_links":{"self":[{"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/posts\/958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/comments?post=958"}],"version-history":[{"count":0,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/posts\/958\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/media?parent=958"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/categories?post=958"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/tags?post=958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}