WIKI'S GONE WILD


external image wikispaces.png

Presenter: Eric Norberg

Contact Information
mrnorberg@gmail.com
Skype: eric.norberg
Twitter: http://twitter.com/mrnorberg


Why Wiki?
  1. It is simple and easy for all users.
  2. It creates a 24 hour, 7 day a week window into your classroom.
  3. Connect to and engage with your students in a way they are use to and enjoy.
  4. You can regulate who is a user and what is seen by the public.
  5. FREE, FREE and FREE
  6. It is web-based and can be accessed from any computer platform (Apple or Windows).

10 Ways to use a wiki in the Classroom:
  1. Distribute Information (notes, handouts, forms and policies)
  2. Host Class Discussions
  3. Compile Class Related Hyperlinks and Websites
  4. Post Homework and Reminders
  5. Allow For Easy Student Collaboration
  6. Communicate with Students via the email feature
  7. Share Video and Audio files with ease
  8. Facilitate Online Learning
  9. Post Student Created Notes - "Scribe for the Day"
  10. Post Student Projects

Fun things to do with wiki in the Classroom:
  1. Create a fun Avatar
  2. Photo Area
  3. Widgets and Voki (Try http://www.widgetbox.com/ or http://www.voki.com/)
  4. Embed or Link Google Forms as a tool of assessment or data collection
  5. Add a scrolling banner for instant alerts and information
  6. Embed a Google Calendar

Sample Wiki Rules - The attached file is document with a list of ten basic wiki rules. Feel free to use these rules, add your own or mold them into a plan that works for your classroom.



Eric Norberg's APUSH Wiki from the 2008-2009 School Year
http://mrnorbergapush2.wikispaces.com/

How to Get Started Handout By Heather Walzer:




Basic Wikispaces Tutorial - This was created to help the presenters of this tech camp add their information to the wiki. It gives the basic features of wiki editing.


This video can also be found at http://mrnorberg.blip.tv/


To create a scrolling banner for a wiki:
  • Go to "Manage Wiki"
  • Select "Look and Feel"
  • Under the "Theme" area choose "Custom Theme"
  • Name your theme
  • Paste the included code below (remember to look for the message area in the HTML code and only change that area of the code)

The Code:

<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title><$WikiTitle$></title>
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="stylesheet" href="/s/theme_common.css" type="text/css" />
<style type="text/css">

body { background-color: <$WikiBackgroundColor$>; font-family: arial,helvetica,sans-serif; font-size: 83%; margin: 0; padding: 0; }
#leftcolumn { position: absolute; left: 0; top: 0; width: 160px; }
#rightcolumn { max-width: 70em; margin-left: 169px; margin-right: 8px; voice-family: "\"}\""; voice-family: inherit; margin-left: 161px; }
html>body #rightcolumn { margin-left: 161px; margin-right: 8px; }
#container { margin: 0; padding: 0; width: 100%; clear: both; }
#container .field { background-color: #FFF; }
#foot { margin-top: 5px; padding: 5px 0; font-size: 90%; text-align: center; line-height: 150%; clear: both; }

.WikiElement { color: <$WikiTextColor$>; }
.WikiElement img { padding: 0; vertical-align: top; border: 0; }
.WikiElement a { text-decoration: none; color: <$WikiLinkColor$>; }
.WikiElement a:hover { text-decoration: underline; }

.WikiTags { clear: both; }
.WikiTags ul { list-style-type: none; display: inline; margin: 0; padding: 0; }
.WikiTags ul li { display: inline; margin-left: 5px; }
.WikiTagsTitle { color: gray; font-size: 80%; display: none; }
.WikiMyTagsTitle { display: inline !important; }
.WikiTags a { font-size: 80%; text-decoration: none; display: none; }
.WikiMyTag a { display: inline !important; }

.menuWrapper { float: left; width: 99%; line-height: normal; font-family: arial; }

.menu { padding: 5px 5px 5px 10px; width: 145px; }
.menu ul { list-style: none; margin: 0; padding: 0 0 1em 0 !important; line-height: 135%; }
.menu li { margin: 0; padding: 1px 1px 1px 5px; text-overflow: ellipsis; overflow: hidden; width: 140px; }
.menu li a { padding: 1px 1px 1px 5px; width: 100%; }
.menu a { background-image: none !important; }
html>body .menu li a { width: auto; }
.menu_head { border-bottom: 1px dotted #AAA; padding-top: 4px; margin-bottom: 4px; width: 145px; font-size: 90%; color: <$WikiTextColor$>; }

.WikiSearch { padding: 0 0 0 10px; margin: -10px 0 10px 0; }

</style>
</head>
<body>

<!-- preload edit disabled for faster feedback -->
<img src="/i/edit_small_disabled.gif" style="display: none;"/>

<div id="leftcolumn">
<div style="text-align: center;"><$WikiLogoOrSpaceName$></div>
<WikiUserCanView>
<div class="menu">
<div class="menu_head"><b>Actions</b></div>
<$WikiActions$>
<$WikiSearch$>
<div class="menu_head"><b>Navigation</b></div>
<$WikiCustomNav$>
<WikiIsEditor>
<div style="text-align: center"><a href="/page/edit/space.menu?goto=<$WikiCurrentUrl|urlencode$>" class="smgrey">edit navigation</a></div>
</WikiIsEditor>
</div>
</WikiUserCanView>
</div> <!-- /leftcolumn -->

<div id="rightcolumn">

<div style="position: relative; height: 24px;">
<$WikiHeaderNav$>
</div>

<$WikiNotices$>

<div class="menuWrapper">
<br>
<table cellpadding="0" cellspacing="0" border="0" id="container">
<tr>
<td style="width: 8px;"><img src="/i/bTL.gif" width="8" height="8" alt="" class="corner" /></td>
<td style="border-top: 1px solid #AAA;" class="field" colspan="2"><img src="/i/c.gif" width="1" height="1" alt="" style="border: none; display: block !important;" /></td>
<td style="width: 8px;"><img src="/i/bTR.gif" width="8" height="8" alt="" class="corner" /></td>
</tr>
<tr>
<td style="border-left: 1px solid #AAA;" class="field"><br /></td>
<td valign="top" style="width: 100%;" class="field">
<marquee scrolldelay="100">Type your message here.
<td valign="top" class="field"><img src="/i/c.gif" width="1" height="10" alt=""/></td>
<td style="border-right: 1px solid #AAA;" class="field"><br /></td>
</tr>
<tr>
<td width="8" class="bg"><img src="/i/bBL.gif" width="8" height="8" alt="" class="corner" /></td>
<td style="border-bottom: 1px solid #AAA;" class="field" colspan="2"><img src="/i/c.gif" width="1" height="1" alt="" style="border: none; display: block !important;" /></td>
<td width="8" class="bg"><img src="/i/bBR.gif" width="8" height="8" alt="" class="corner" /></td>
</tr>
</table>

<$WikiPageMenuStar$>
<$WikiPageMenuTitle$>
<$WikiPageMenuEditButton$>
<$WikiPageMenuEntries$>
</div>

<table cellpadding="0" cellspacing="0" border="0" id="container">
<tr>
<td style="width: 8px;"><img src="/i/bTL.gif" width="8" height="8" alt="" class="corner" /></td>
<td style="border-top: 1px solid #AAA;" class="field" colspan="2"><img src="/i/c.gif" width="1" height="1" alt="" style="border: none; display: block !important;" /></td>
<td style="width: 8px;"><img src="/i/bTR.gif" width="8" height="8" alt="" class="corner" /></td>
</tr>
<tr>
<td style="border-left: 1px solid #AAA;" class="field"><br /></td>
<td valign="top" style="width: 100%;" class="field">

<$WikiContent$>
<WikiUserCanView>
<div id="showTags" style="display: none;">
<$WikiPageTags$>
</div>
<script type="text/javascript">
<!--
if (wikispaces_object == 'page' && wikispaces_method == 'view') {
document.getElementById('showTags').style.display = 'block';
}

-->
</script>
</WikiUserCanView>
</td>
<td valign="top" class="field"><img src="/i/c.gif" width="1" height="600" alt=""/></td>
<td style="border-right: 1px solid #AAA;" class="field"><br /></td>
</tr>
<tr>
<td width="8" class="bg"><img src="/i/bBL.gif" width="8" height="8" alt="" class="corner" /></td>
<td style="border-bottom: 1px solid #AAA;" class="field" colspan="2"><img src="/i/c.gif" width="1" height="1" alt="" style="border: none; display: block !important;" /></td>
<td width="8" class="bg"><img src="/i/bBR.gif" width="8" height="8" alt="" class="corner" /></td>
</tr>
</table>

<div id="foot">
<$WikiFooterNav$>
<$WikiLicense$>
</div>

</div> <!-- /rightcolumn -->

</body>
</html>