erambler/legacy/blog/social-media-resources/index.html

265 lines
12 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="../../old/assets/style/styles.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
(function() {
var s, scheme, wf;
this.WebFontConfig = {
google: {
families: ['Amaranth:700,700italic:latin', 'Inconsolata::latin']
}
};
wf = document.createElement('script');
scheme = 'https:' === document.location.protocol ? 'https' : 'http';
wf.src = scheme + "://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js";
wf.type = 'text/javascript';
wf.async = 'true';
s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
}).call(this);
</script>
<title>Social media resources for learning and teaching | eRambler</title>
<link href="https://erambler.co.uk/rss.xml" rel="alternate" type="application/rss+xml">
</head>
<body class="single-post">
<div id="container">
<header class="page-header">
<hgroup>
<div class="h1"><a href="../../">eRambler</a></div>
<div class="lead">Jez Cope's blog on becoming a research technologist</div>
</hgroup>
<nav><ul>
<li><a href="../../">Home</a></li>
<li><a href="../../about/">About</a></li>
<li><a href="../../blogroll/">Blogroll</a></li>
</ul>
</nav>
</header>
<section>
<div class="row">
<p class="archive-warning"><strong><em>Please note:</em></strong> this older content has been <strong>archived</strong> and is no longer fully linked into the site. Please go to the <a href="../../">current home page</a> for up-to-date content.</p>
</div>
<div id="content">
<article class="h-entry">
<div class="row">
<h1 class="post-title p-name">Social media resources for learning and teaching</h1>
</div>
<div class="row">
<div class="post-info">
<div class="post-date dt-published">
<a class="u-url" href="http://erambler.co.uk/blog/social-media-resources/">Wednesday 11 March 2009</a>
</div>
Tagged with
<ul class="post-tags">
<li class="p-category"><span class="tag">eLearning</span></li>
<li class="p-category"><span class="tag">Learning</span></li>
<li class="p-category"><span class="tag">PCHE</span></li>
<li class="p-category"><span class="tag">Resources</span></li>
<li class="p-category"><span class="tag">Social media</span></li>
<li class="p-category"><span class="tag">Teaching</span></li>
<li class="p-category"><span class="tag">Technology</span></li>
<li class="p-category"><span class="tag">University of Sheffield</span></li>
</ul>
</div>
<div class="post-body">
<div class="post-content e-content">
<p>This post is specifically intended to support my seminar given as part of the seminar of the same title, given to my colleagues on the PCHE course as part of the “Expanding your repertoire” special interest session on Wednesday 11th March 2009. Ill give a brief description of this seminar at the end of this post. The remainder is dedicated to a partial list of some of the most popular/interesting social media tools for learning and teaching.</p>
<!--more-->
<h1>What is "social media"?</h1>
<p>Social media, Web 2.0 (and by extension, Learning 2.0) or whatever you want to call it can be pretty slippery to actually define. Here are a few starting points:</p>
<ul>
<li>
<a href="http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html">What is Web 2.0?</a> — Tim O'Reilly of O'Reilly Media</li>
<li>Wikipedia articles:
<ul>
<li><a href="http://en.wikipedia.org/wiki/Web_2.0">Web 2.0</a></li>
<li><a href="http://en.wikipedia.org/wiki/Social_media">Social media</a></li>
</ul>
</li>
<li>Some <a href="http://www.commoncraft.com/show">cool introductory videos</a> from the Common Craft show</li>
</ul>
<h1>Examples</h1>
<p>Here are some of the most common types of social media tools currently available on the web, with examples. This is by no means a complete list, but <a href="http://www.google.com/">Google</a> should help you if you want more.</p>
<h2>Wikis</h2>
<p>A wiki is a collection of web pages that can be edited in-place in the web browser by any user, with little or no knowledge of how to write conventional web pages using <a href="http://en.wikipedia.org/wiki/HTML">HTML</a>. Most wikis allow you to restrict what it means to be a “user”, provide some standard navigational features and record the full edit history of each page. Theyre great for collaboratively building a knowledge base on a particular subject, or for organising projects as a group.</p>
<ul>
<li><a href="http://c2.com/cgi/wiki">The first ever wiki</a></li>
<li>
<a href="http://en.wikipedia.org/">Wikipedia</a> — the best-known example</li>
<li>Places to set up your own wiki:
<ul>
<li><a href="http://www.pbwiki.com/">PBwiki</a></li>
<li><a href="http://www.wetpaint.com/">WetPaint</a></li>
<li><a href="http://www.wikia.com/">Wikia</a></li>
</ul>
</li>
</ul>
<h2>Blogs</h2>
<p>A blog (from web-log) is a website based around a series of articles, which are indexed and presented in chronological order. The articles may be as long or short as the author likes, and on any subject. Most blogging platforms provide management tools and an editor which, again, requires no knowledge of HTML. Here are some places to start your own blog:</p>
<ul>
<li><a href="http://www.wordpress.com/">Wordpress</a></li>
<li><a href="http://www.blogger.com/">Blogger</a></li>
<li><a href="http://www.typepad.com/">Typepad</a></li>
<li><a href="http://www.blogspot.com/">Blogspot</a></li>
</ul>
<h2>Social networking</h2>
<p>Social networking connects people together, allowing them to share content with friends and friends-of-friends.</p>
<ul>
<li>
<a href="http://www.facebook.com/">Facebook</a> — begun for university students, but now available to all</li>
<li>
<a href="http://www.myspace.com/">MySpace</a> — now popular primarily with musicians and bands</li>
<li>
<a href="http://www.linkedin.com/">LinkedIn</a> — aimed at professional networking</li>
<li>
<a href="http://twitter.com/">Twitter</a> — centred around broadcasting of 140-character status updates, referred to as microblogging; simple and flexible</li>
</ul>
<h2>Social bookmarking</h2>
<p>Social bookmarking allows you to tag any page you find on the web, save a bookmark for later and share it with your connections.</p>
<ul>
<li><a href="http://www.delicious.com/">Delicious</a></li>
<li><a href="http;//ma.gnolia.com/">Magnolia</a></li>
<li><a href="http://citeulike.com/">citeulike</a></li>
</ul>
<h2>Media sharing</h2>
<p>Media sharing sites allow you to upload and share photos, videos and types of multimedia content.</p>
<ul>
<li>Photo sharing:
<ul>
<li><a href="http://flickr.com/">Flickr</a></li>
<li><a href="http://photobucket.com/">Photobucket</a></li>
</ul>
</li>
<li>Video sharing:
<ul>
<li><a href="http://youtube.com/">YouTube</a></li>
<li><a href="http://www.vimeo.com/">Vimeo</a></li>
</ul>
</li>
<li>Presentation sharing:
<ul>
<li><a href="http://www.slideshare.net/">SlideShare</a></li>
</ul>
</li>
</ul>
<h2>Specific educational sites</h2>
<p>While all of the above have educational uses and many of them provide specific services for educational users, there are a couple of websites which cater specifically to the educational community.</p>
<ul>
<li>
<a href="http://moodle.org/">Moodle</a> — A learning management system (LMS) built on Web 2.0 principles</li>
<li>
<a href="http://www.edmodo.com/">Edmodo</a> — A microblogging service (like <a href="http://twitter.com/">Twitter</a>) for education</li>
</ul>
<h1>The seminar</h1>
<p>The goal of the seminar was to introduce some of my fellow trainee teachers to the potential of social media for learning and teaching, and perhaps infect them with some of my enthusiasm, and also to inform them about the <a href="http://snipr.com/bluecloud">bluecloud project</a>. I began by showing the wonderful video from <a href="http://www.commoncraft.com/show">the Common Craft Show</a> on social media, using ice cream as a metaphor. I then gave a few examples of well-known social media tools and listed the common features, before asking those present to split into groups to come up with ideas for how they could use these new tools in their own learning, teaching or research. We then discussed these together as a whole group, and I demonstrated one way of using blogging by directing them here for further resources.</p>
<div class="video-container">
<iframe src="//www.slideshare.net/slideshow/embed_code/key/40vegaZNIXqbo3" width="425" height="355" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen=""> </iframe> <div style="margin-bottom:5px"> <strong> <a href="//www.slideshare.net/jezcope/social-media-in-teaching-and-learning" title="Social Media In Teaching And Learning" target="_blank">Social Media In Teaching And Learning</a> </strong> from <strong><a href="//www.slideshare.net/jezcope" target="_blank">Jez Cope</a></strong> </div>
</div>
<div class="video-container"><iframe width="487" height="274" src="https://www.youtube.com/embed/MpIOClX1jPE" frameborder="0" allowfullscreen=""></iframe></div>
</div>
<div id="disqus_thread"></div>
<script>
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'erambler'; // required: replace example with your forum shortname
var disqus_identifier = 'tag:erambler.co.uk,2009-03-11:/blog/social-media-resources/';
var disqus_title = 'Social media resources for learning and teaching'
var disqus_url = 'http://erambler.co.uk/blog/social-media-resources/';
var disqus_developer = 0;
if (window.location.hostname == 'localhost')
disqus_developer = 1;
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
</div>
</div>
</article>
</div>
<div id="sidebar">
<div class="sidebar-box about-me h-card">
<p>Hi, Im <a href="http://erambler.co.uk" class="p-name u-url">Jez Cope</a> and this is my
blog, where I talk about technology in research and higher
education, including:</p>
<ul>
<li>Research data management;</li>
<li>e-Research;</li>
<li>Learning;</li>
<li>Teaching;</li>
<li>Educational technology.</li>
</ul>
</div>
<div class="sidebar-box links">
<h2>Me elsewhere</h2>
<ul>
<li><a href="https://twitter.com/jezcope" rel="me">Twitter</a></li>
<li><a href="https://github.com/jezcope" rel="me">github</a></li>
<li><a href="https://linkedin.com/in/jezcope">LinkedIn</a></li>
<li><a href="http://diigo.com/user/jezcope">Diigo</a></li>
<li><a href="https://www.zotero.org/jezcope">Zotero</a></li>
<li><a href="http://gplus.to/jezcope">Google+</a></li>
</ul>
</div>
</div>
<div class="row">
<footer><a class="license" href="http://creativecommons.org/licenses/by-sa/4.0/" rel="license">
<img alt="Creative Commons License" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" style="border-width:0">
</a>
<span href="http://purl.org/dc/dcmitype/Text" property="dct:title" rel="dct:type" xmlns:dct="http://purl.org/dc/terms/">
eRambler
</span>
by
<a href="http://erambler.co.uk/" property="cc:attributionName" rel="cc:attributionURL" xmlns:cc="http://creativecommons.org/ns#">
Jez Cope
</a>
is licensed under a
<a href="http://creativecommons.org/licenses/by-sa/4.0/" rel="license">
Creative Commons Attribution-ShareAlike 4.0 International license
</a>
</footer>
</div>
</section>
</div>
<script>
if (!/^http:\/\/localhost/.test(window.location)) {
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-10201101-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
}
</script>
</body>
</html>