<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-6600280610042840118</atom:id><lastBuildDate>Fri, 27 Jan 2012 07:25:13 +0000</lastBuildDate><category>PLN</category><category>reading</category><category>education</category><category>Geo teaching</category><category>visualization</category><category>data-driven learning</category><category>tools</category><category>word processing</category><category>Technology</category><category>assessment</category><category>English</category><category>collaboration</category><category>corpus_lingusitic</category><category>Teacher</category><category>implementation</category><category>Web 2.0</category><category>microblogging</category><category>distance education</category><category>Google</category><category>presentation</category><category>literature</category><category>grammar</category><category>English language</category><category>Educators</category><category>online learning</category><category>social networking</category><category>Pedagogy</category><category>data_driven_learning</category><category>web2.0</category><category>words</category><category>LMS</category><category>pedagogical technology</category><category>twitter</category><category>edtech</category><category>CALL</category><category>word processor</category><category>Social network</category><category>Moodle</category><category>corpus linguistics</category><category>educational technology</category><category>e-learning</category><category>learning</category><category>cognition</category><category>writing</category><category>K through 12</category><category>vocabulary</category><category>concordance</category><title>Computer-Assisted Language Learning: Insights for Language Teachers</title><description /><link>http://call4teachers.blogspot.com/</link><managingEditor>noreply@blogger.com (Ammar Merhbi)</managingEditor><generator>Blogger</generator><openSearch:totalResults>16</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/OptionsAndIssuesInComputer-assistedLanguageLearning" /><feedburner:info uri="optionsandissuesincomputer-assistedlanguagelearning" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>OptionsAndIssuesInComputer-assistedLanguageLearning</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6600280610042840118.post-583395483620929759</guid><pubDate>Wed, 13 Jul 2011 00:16:00 +0000</pubDate><atom:updated>2011-07-18T16:33:46.065+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Technology</category><category domain="http://www.blogger.com/atom/ns#">tools</category><category domain="http://www.blogger.com/atom/ns#">English language</category><category domain="http://www.blogger.com/atom/ns#">pedagogical technology</category><category domain="http://www.blogger.com/atom/ns#">educational technology</category><category domain="http://www.blogger.com/atom/ns#">Teacher</category><category domain="http://www.blogger.com/atom/ns#">edtech</category><category domain="http://www.blogger.com/atom/ns#">presentation</category><category domain="http://www.blogger.com/atom/ns#">English</category><category domain="http://www.blogger.com/atom/ns#">K through 12</category><category domain="http://www.blogger.com/atom/ns#">e-learning</category><category domain="http://www.blogger.com/atom/ns#">education</category><category domain="http://www.blogger.com/atom/ns#">visualization</category><category domain="http://www.blogger.com/atom/ns#">writing</category><category domain="http://www.blogger.com/atom/ns#">CALL</category><title>Visual CVs in the English Classes: Writing for the 21 Century!!</title><description>&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;&lt;a href="http://lh5.ggpht.com/-8yENYwrX_AI/Thzj1f9frfI/AAAAAAAABFM/i-nWz4a4kZQ/s1600-h/noresume2.png"&gt;&lt;img align="left" alt="noresume" border="0" height="244" src="http://lh6.ggpht.com/-_GHfOs4Xj0M/Thzj2-xycTI/AAAAAAAABFQ/bGAzKhoxaKI/noresume_thumb.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 14px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="noresume" width="187" /&gt;&lt;/a&gt;It's no question that the notion of literacy has transcended beyond the written word to include the combination of visuals and words. Writing skills has also evolved into the art of combining the written word with visuals such as images and videos. Our students themselves are disengaged from the writing and are more tuned in to the “Visual Word”. &lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;For the past two years, I have turned the common CV assignments, part of the writing sessions with my grade 11 students, into Visual CV assignments. The results were remarkable, and I am writing this post to share it with you.&lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;I was first fascinated by the visual CVs when I came across some. Professionals using PowerPoint + images + words to produce &lt;a href="http://www.labnol.org/internet/visual-resume/13327/#cv-examples" target="_blank"&gt;stunning visual CVs and resumes&lt;/a&gt; that stand out. I first did my own visual resume and decided that my students should also do it, besides their traditional paper CVs. &lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;Students first wrote their traditional paper CVs which would serve as the basis for their Visual CVs. As high school students, they didn’t have enough experience or skills to make their CVs. So, I encouraged them to pretend they are now working in the profession they envision themselves doing and write down the experiences, education and skills that they would have gained along the way. &lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;After they were done with the first part of their assignment, the paper CVs, I modeled some &lt;a href="http://www.labnol.org/internet/visual-resume/13327/#cv-examples" target="_blank"&gt;great visual Resumes&lt;/a&gt;. This gave the class enough material to discuss. They had to deconstruct those visual resumes, and we discussed what made them so communicative. By the end of the discussion, students came to realize that images mean more than words and that’s what they did.&lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;Guided by their paper CVs each student chose keywords and turned them into images on their CVs. Each students started a Google presentation and shared it with me. This enabled me to give each one of them timely comments and suggestions. After they were done, each presented before the class and each shared his Visual CV on the internet. Below are some example of visual CV’s produced by my students. &lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;iframe frameborder="0" height="342" src="https://docs.google.com/present/embed?id=ddcb667v_510fs5nc8gw" style="height: 389px; width: 558px;" width="410"&gt;&lt;/iframe&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;iframe frameborder="0" height="342" src="https://docs.google.com/present/embed?id=ddcb667v_636cw6vhqc6" style="height: 384px; width: 568px;" width="410"&gt;&lt;/iframe&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;iframe frameborder="0" height="342" src="https://docs.google.com/present/embed?id=ddcb667v_442hr3dh2x4" style="height: 379px; width: 553px;" width="410"&gt;&lt;/iframe&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;iframe frameborder="0" height="342" src="https://docs.google.com/present/embed?id=ddcb667v_331fjj6tmsc" style="height: 384px; width: 559px;" width="410"&gt;&lt;/iframe&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;Students were completely engaged. Their attitude towards writing has shifted to pleasure writing. Their motivation was heightened. But what was really remarkable is how low-achievers have improved in their writings. This is due to strengthening their willingness to communicate through not only text but also images using PowerPoint as a tool and the Google platform as a medium for communication and collaboration. &lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6600280610042840118-583395483620929759?l=call4teachers.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=KE9xLPkksn4:E4U2uibT8CY:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=KE9xLPkksn4:E4U2uibT8CY:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=KE9xLPkksn4:E4U2uibT8CY:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=KE9xLPkksn4:E4U2uibT8CY:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=KE9xLPkksn4:E4U2uibT8CY:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=KE9xLPkksn4:E4U2uibT8CY:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=KE9xLPkksn4:E4U2uibT8CY:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=KE9xLPkksn4:E4U2uibT8CY:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=KE9xLPkksn4:E4U2uibT8CY:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~4/KE9xLPkksn4" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~3/KE9xLPkksn4/visual-cvs-in-english-classes-writing.html</link><author>noreply@blogger.com (Ammar Merhbi)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh6.ggpht.com/-_GHfOs4Xj0M/Thzj2-xycTI/AAAAAAAABFQ/bGAzKhoxaKI/s72-c/noresume_thumb.png?imgmax=800" height="72" width="72" /><thr:total>6</thr:total><feedburner:origLink>http://call4teachers.blogspot.com/2011/07/visual-cvs-in-english-classes-writing.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6600280610042840118.post-655004171700593186</guid><pubDate>Mon, 11 Jul 2011 13:54:00 +0000</pubDate><atom:updated>2011-07-11T16:54:17.080+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">English language</category><category domain="http://www.blogger.com/atom/ns#">pedagogical technology</category><category domain="http://www.blogger.com/atom/ns#">educational technology</category><category domain="http://www.blogger.com/atom/ns#">edtech</category><category domain="http://www.blogger.com/atom/ns#">Web 2.0</category><category domain="http://www.blogger.com/atom/ns#">K through 12</category><category domain="http://www.blogger.com/atom/ns#">e-learning</category><category domain="http://www.blogger.com/atom/ns#">education</category><category domain="http://www.blogger.com/atom/ns#">web2.0</category><category domain="http://www.blogger.com/atom/ns#">visualization</category><category domain="http://www.blogger.com/atom/ns#">Geo teaching</category><category domain="http://www.blogger.com/atom/ns#">Google</category><category domain="http://www.blogger.com/atom/ns#">literature</category><category domain="http://www.blogger.com/atom/ns#">CALL</category><title>Engaging Students in an Animated Literature Trip in Google Earth</title><description>&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;Innovative educators are trying to engage students in their literature classes in books and literature works by using multimedia to address the students needs in the 21 century. One innovative technique is using the power of &lt;a href="http://earth.google.com/" target="_blank"&gt;Google Earth&lt;/a&gt; and multimedia to take students in a 3D animated tour of one or more characters in the book that they are currently reading. Students would navigate the guided tour, already designed by the teacher and interact with the spatial environment of the characters.&amp;nbsp; This post will give a glimpse of what Google Lit Trips is, why is it useful, and some useful links if you want to delve deeper &lt;img alt="Smile" class="wlEmoticon wlEmoticon-smile" src="$wlEmoticon-smile2.png" style="border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none;" /&gt; Please refer to the list of links at the end of the post for everything you need to learn about Google Earth and doing Guided tours.&lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;h1 align="justify"&gt;Scenario &lt;/h1&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;Students are reading “Johnny Appleseed”. They are engaged in some kind of literature circles to discuss chapters, characters, and analysis of salient elements in the book. Teacher realizes that the plot includes many places where events occur. This, the teacher believes, gives some geographical aspect of the book that students need to explore to make more sense out of the book. So, the teacher decides to combine the power of technology , pedagogy, and content to engage students in a Google Lit Trips.&lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;1- &lt;b&gt;The teacher first makes a story Board&lt;/b&gt; to locate the places where the character has been, the information about the events that occur in that place, an image that might convey more on that place, some links perhaps, and reference to the pages or chapter in the book where these occur. To know more on how to make a story board for a Google Lit Trip please watch the video below. &lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;div class="wlWriterEditableSmartContent" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:533b559a-340e-43af-9744-7f9c39269504" style="display: block; float: none; margin: 0px auto; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 533px;"&gt;&lt;embed height="400" src="http://www.youtube.com/v/XFecSw3ERf8?hd=1" type="application/x-shockwave-flash" width="533" wmode="transparent"&gt;&lt;/embed&gt;&lt;br /&gt;
&lt;div style="clear: both; font-size: .8em; width: 533px;"&gt;How to Make a Storyboard for Google Lit Trip&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;2- &lt;b&gt;The teacher goes to Google Earth&lt;/b&gt; and searches for the first location from the storyboard. The teacher places a place mark and adds more information on this place including page reference and selections from the book, image, and perhaps some links for the students to explore the place where the event has happened. &lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;Watch the two tutorial videos below on how to design a Google Lit Trip and record a tour.&lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;div class="wlWriterEditableSmartContent" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:e317588c-7e61-4987-be2b-684b0d76517d" style="display: block; float: none; margin: 0px auto; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 522px;"&gt;&lt;embed height="391" src="http://www.youtube.com/v/wzZD4jHSlAw?hd=1" type="application/x-shockwave-flash" width="522" wmode="transparent"&gt;&lt;/embed&gt;&lt;br /&gt;
&lt;div style="clear: both; font-size: .8em; width: 522px;"&gt;How to Create Google Lit Trip–Part I&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;div class="wlWriterEditableSmartContent" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:8c1d3dcd-64fc-457e-a8e8-89e0b73f5a6d" style="display: block; float: none; margin: 0px auto; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 519px;"&gt;&lt;embed height="387" src="http://www.youtube.com/v/ayQ0CcVwibc?hd=1" type="application/x-shockwave-flash" width="519" wmode="transparent"&gt;&lt;/embed&gt;&lt;br /&gt;
&lt;div style="clear: both; font-size: .8em; width: 519px;"&gt;How to Creat Google Lit trip- Part 2&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;3- &lt;b&gt;The teacher then saves the KML file and shares it&lt;/b&gt; with the students to view the tour. Students would view the tour, referring to the book too, and explore the geographical locations. They would be engaged with the associated vocabulary for each place, the questions in query, etc.… and discuss with their peers. &lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;Students from grade 2 till higher education can be engaged in Google Lit Trips based on the books they read. &lt;a href="http://www.youtube.com/watch?v=wqPNNHena1E" target="_blank"&gt;Take a look at an overview of “Grape of Wrath” Google Lit Trip&lt;/a&gt;.&lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;&lt;b&gt;Google Lit Trips are especially useful&lt;/b&gt; in exploring books that contain many geographical settings. Students would explore places in the book that were previously foreign to them. They would align the verbal and visual channels to be engaged in a memorable exploration of a literary work. &lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;h1 align="justify"&gt;Tips and Links&lt;br /&gt;
&lt;/h1&gt;&lt;ul&gt;&lt;li&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;One of the challenges that newcomers to Google Earth and Google Maps often encounter is how to decide to use the application and when to use it. &lt;a href="https://docs.google.com/present/view?id=dgdwkz9w_33d224pgft" target="_blank"&gt;This Google presentation summarizes the main features of each App.&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: medium;"&gt;Google has produced an interactive game to help beginners quickly understand how to use Earth. It’s the most interactive way to become familiar with Earth. Click here to go to &lt;a href="http://earth.google.com/support/bin/static.py?page=guide.cs&amp;amp;guide=22550&amp;amp;topic=23455" target="_blank"&gt;Google Earth: Learn&lt;/a&gt;.&lt;/span&gt;&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: medium;"&gt;For beginning users of Google Earth, as well as advanced, &lt;a href="http://gelessons.com/" target="_blank"&gt;Google Earth lessons&lt;/a&gt; is an outstanding resource. &lt;/span&gt;&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: medium;"&gt;&lt;a href="http://googlelittrips.com/GoogleLit/Home.html" target="_blank"&gt;The Google Lit Trip Website&lt;/a&gt; the most comprehensive Google Earth-based lessons resource. It cotains galleries and downloadable Google Lit Trip files from grades 5 to Higher education.&amp;nbsp; Make sure you check it out and download some of those .kml files &lt;img alt="Smile" class="wlEmoticon wlEmoticon-smile" src="$wlEmoticon-smile2.png" style="border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none;" /&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: medium;"&gt;&lt;a href="http://googleearthgoods.pbworks.com/w/page/15008577/FrontPage" target="_blank"&gt;GoogleEarthGoods&lt;/a&gt; is a great collection of resources for Google Earth and Maps.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-size: medium;"&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: medium;"&gt;&lt;a href="http://google.com/educators/geo_class.html" target="_blank"&gt;Geo Education Classroom ideas&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: medium;"&gt;&lt;a href="http://earth.google.com/gallery" target="_blank"&gt;Google KML Gallery of tours&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;Ah, and don’t forget that Google Earth is not confined to the surface of our planet. You can make a tour guide on other planets of even on the sea surface !!!&lt;/span&gt;&lt;/div&gt;&lt;h1 align="justify"&gt;Last Comment&lt;/h1&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;I believe that educators should take it to the next step and make students themselves produce Google Lit Trips based on their explorations of the book. This, of course, depends of the students' prerequisites, age, and the aim of the lesson/course. If students collaboratively construct their own interpretation of the literary work with the aid of technology then I believe that this is the highest layer of interactivity and engagement, let alone the high order of thinking and collaborative skills that are honed by this approach. &lt;/span&gt;&lt;/div&gt;&lt;h1 align="justify"&gt;&amp;nbsp;&lt;/h1&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: medium;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6600280610042840118-655004171700593186?l=call4teachers.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=kyanhpK5tUw:86roBCT66sc:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=kyanhpK5tUw:86roBCT66sc:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=kyanhpK5tUw:86roBCT66sc:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=kyanhpK5tUw:86roBCT66sc:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=kyanhpK5tUw:86roBCT66sc:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=kyanhpK5tUw:86roBCT66sc:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=kyanhpK5tUw:86roBCT66sc:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=kyanhpK5tUw:86roBCT66sc:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=kyanhpK5tUw:86roBCT66sc:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~4/kyanhpK5tUw" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~3/kyanhpK5tUw/engaging-students-in-animated.html</link><author>noreply@blogger.com (Ammar Merhbi)</author><thr:total>2</thr:total><feedburner:origLink>http://call4teachers.blogspot.com/2011/07/engaging-students-in-animated.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6600280610042840118.post-4160861737944058038</guid><pubDate>Wed, 06 Jul 2011 17:20:00 +0000</pubDate><atom:updated>2011-07-06T20:20:05.231+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">online learning</category><category domain="http://www.blogger.com/atom/ns#">e-learning</category><category domain="http://www.blogger.com/atom/ns#">tools</category><category domain="http://www.blogger.com/atom/ns#">visualization</category><category domain="http://www.blogger.com/atom/ns#">assessment</category><category domain="http://www.blogger.com/atom/ns#">Moodle</category><category domain="http://www.blogger.com/atom/ns#">distance education</category><category domain="http://www.blogger.com/atom/ns#">LMS</category><category domain="http://www.blogger.com/atom/ns#">edtech</category><category domain="http://www.blogger.com/atom/ns#">CALL</category><title>Visualizing an LMs Discussion Forum: an insight into Student/teacher behavior</title><description>&lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;I’ve lately come across &lt;/font&gt;&lt;a href="http://research.uow.edu.au/learningnetworks/seeing/snapp/index.html" target="_blank"&gt;&lt;font size="3"&gt;SNAPP&lt;/font&gt;&lt;/a&gt;&lt;font size="3"&gt; (Social Networks Adapting Pedagogical Practice). &lt;/font&gt;&lt;a href="http://research.uow.edu.au/learningnetworks/seeing/snapp/index.html" target="_blank"&gt;&lt;font size="3"&gt;SNAPP&lt;/font&gt;&lt;/a&gt;&lt;font size="3"&gt;&amp;nbsp;&lt;/font&gt;&lt;/p&gt; &lt;blockquote&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;em&gt;is a software tool that allows users to visualize the network of interactions resulting from discussion forum posts and replies. The network visualisations of forum interactions provide an opportunity for teachers to rapidly identify patterns of user behaviour – at any stage of course progression. SNAPP has been developed to extract all user interactions from various commercial and open source learning management systems (LMS) such as BlackBoard (including the former WebCT), and Moodle. SNAPP is compatible for both Mac and PC users and operates in Internet Explorer, Firefox and Safari.&lt;/em&gt;&lt;/font&gt;&lt;/p&gt;&lt;/blockquote&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;Developed by the &lt;/font&gt;&lt;a href="http://en.wikipedia.org/wiki/University_of_Wollongong" target="_blank"&gt;&lt;font size="3"&gt;University of Wollongong&lt;/font&gt;&lt;/a&gt;&lt;font size="3"&gt;, this sociogram can &lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;visualize the discussion forum in an LMS (Blackboard, WEBCT, MOODLE, SAKAI..) and displays the student-student, teacher-student interaction in mind map. Names of students/teacher can be displayed. Also, each node size and link thickness refer to the frequency of the posts. &lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;I gave it a try on one of discussion forum on one of&amp;nbsp; my &lt;a href="http://eductechalogy.org/moodle" target="_blank"&gt;Moodle Website&lt;/a&gt;s with my students. I chose a a discussion forum at the beginning of the year where students had to post their first Hellos using Voki as their voice avatar, and they had to comment on each other’s post. &lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font color="#383119" size="3"&gt;1.&amp;nbsp; &lt;strong&gt;First&lt;/strong&gt;, I &lt;a href="https://topaz.ad.uow.edu.au/SNAPP/Menu.html" target="_blank"&gt;Downloaded SNAPP&lt;/a&gt;&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;a href="http://lh4.ggpht.com/-atGyypl5zR0/ThSZHt8VQrI/AAAAAAAABCI/bDRrzRLn_es/s1600-h/snapp%252520download%25255B257%25255D.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; margin: 7px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="snapp download" border="0" alt="snapp download" src="http://lh5.ggpht.com/-TjuYkCLSPkY/ThSZInhye9I/AAAAAAAABCM/J8CtyjNEDIk/snapp%252520download_thumb%25255B254%25255D.png?imgmax=800" width="570" height="319"&gt;&lt;/a&gt;&lt;font size="3"&gt;You have to fill in the required information before your submit for download. Then you need to choose the LMS type you work on from the drop down menu. &lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&amp;nbsp;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;2. &lt;/font&gt;&amp;nbsp;&lt;font size="3"&gt;&lt;strong&gt;This took me to a new page&lt;/strong&gt; where I dragged a bookmarklet onto my browser’s bookmark tool. I followed the steps depending on my internet browser(Firefox in this case). And yes, SNAPP resides on your internet browser and not a stand alone desktop application &lt;img style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" class="wlEmoticon wlEmoticon-smile" alt="Smile" src="http://lh5.ggpht.com/-U8TMoSoLLe0/ThSZJEYccmI/AAAAAAAABCQ/P-qc8_1vp-I/wlEmoticon-smile%25255B2%25255D.png?imgmax=800"&gt;&amp;nbsp;&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;a href="http://lh4.ggpht.com/-5E5Zms8D-YA/ThSZKaWKvMI/AAAAAAAABCU/N8ud-337dYg/s1600-h/snapp%252520bookmarklet%25255B82%25255D.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; margin: 7px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="snapp bookmarklet" border="0" alt="snapp bookmarklet" src="http://lh6.ggpht.com/-D-h6ji-qeoM/ThSZLoxLgDI/AAAAAAAABCY/ntbLH-QdJcM/snapp%252520bookmarklet_thumb%25255B80%25255D.png?imgmax=800" width="586" height="262"&gt;&lt;/a&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;3. &lt;strong&gt;Then, I went to the discussion forum&lt;/strong&gt; of my Moodle Website. I made sure that the discussion forum is in the &lt;font color="#c0504d"&gt;nested view&lt;/font&gt; so that SNAPP can read the posts. &lt;/font&gt;&amp;nbsp;&lt;/p&gt; &lt;p align="justify"&gt;&amp;nbsp;&lt;/p&gt; &lt;p align="justify"&gt;&lt;a href="http://lh4.ggpht.com/-7zPM8gUZFqA/ThSZMTW67fI/AAAAAAAABCc/iSKpAiX1P04/s1600-h/discussion%252520forum%25255B69%25255D.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; margin: 7px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="discussion forum" border="0" alt="discussion forum" src="http://lh3.ggpht.com/-s-WUloMlGko/ThSZNYYlcfI/AAAAAAAABCg/WZWCdPY3uIs/discussion%252520forum_thumb%25255B67%25255D.png?imgmax=800" width="580" height="184"&gt;&lt;/a&gt;&lt;/p&gt; &lt;p align="justify"&gt;&amp;nbsp;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;4.&lt;strong&gt; I clicked the Bookmarklet &lt;/strong&gt;&lt;a href="http://lh3.ggpht.com/-3Gm5djYwjOI/ThSZOKBqtHI/AAAAAAAABCk/p0UPj1QiupU/s1600-h/bookmarklet%25255B2%25255D.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; margin: 7px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="bookmarklet" border="0" alt="bookmarklet" src="http://lh4.ggpht.com/-u3lJz5OMV9Y/ThSZOkO1nGI/AAAAAAAABCo/3NnbIzLO4U0/bookmarklet_thumb.png?imgmax=800" width="138" height="34"&gt;&lt;/a&gt;&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;5. &lt;strong&gt;I scrolled down&lt;/strong&gt; till the end of the nested discussion forum. I waited for a while. This might take longer time depending on internet connection and pc speed. Also, make sure that Java is installed on your browser. The visualization of the discussion forum will soon appear with contributor names, the connection of posts, the size of nodes and link connection depending on post frequency , and a menu of filtering options on the right. &lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;a href="http://lh5.ggpht.com/-sn7Nrp1QLz0/ThSZPzGV8cI/AAAAAAAABCs/4NkMYhxuWeQ/s1600-h/SNAPP%252520visualization%25255B70%25255D.png"&gt;&lt;img style="background-image: none; border-right-width: 0px; margin: 7px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="SNAPP visualization" border="0" alt="SNAPP visualization" src="http://lh5.ggpht.com/-S7khdDH6mwc/ThSZQ3MZ6iI/AAAAAAAABCw/ya7ip38XtrQ/SNAPP%252520visualization_thumb%25255B68%25255D.png?imgmax=800" width="578" height="454"&gt;&lt;/a&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;You can also view the statistics and export it as GraphML format or VNA File format. &lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;strong&gt;As you can see&lt;/strong&gt; in the above discussion forum visualization, I, the teacher is in the middle of the web with the most posts and most interactions are between students and me, with some posts among students themselves. &lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;strong&gt;This is a typical view&lt;/strong&gt; of a discussion forum at the beginning of a course where students get to know each other and are reluctant to comment on each others’ post. This stage is where the teacher posts a lot. However, as the course goes along this discussion forum should change to reflect a different type of student behavior with a more student-student behavior, unless it is teacher-centered. &lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;strong&gt;What this software can do&lt;/strong&gt; is to reflect the student-student teacher-student interaction behavior in terms of links and frequency. &lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;strong&gt;However&lt;/strong&gt;, the software does not ensure that the discussion forum is engaging and fulfills the course requirements. A content analysis is needed for this.&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;strong&gt;SNAPP can be used as an insight&lt;/strong&gt; into interaction behavior. For example, if one wants to explore teacher presence and social presence this might be useful. The teacher would for instance base some informed decision on how the behavior of interaction is shaping, is it teacher-centered? Is there a student who lurks and does not participate? Is there a pattern of discussion in particular stages in the course that should have been patterned otherwise?&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/p&gt; &lt;p align="justify"&gt;&lt;font size="3"&gt;What do you think? What other insights can we get from &lt;a href="http://research.uow.edu.au/learningnetworks/seeing/snapp/index.html" target="_blank"&gt;SNAPP&lt;/a&gt;? &lt;/font&gt;&lt;/p&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6600280610042840118-4160861737944058038?l=call4teachers.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=8C6DvBJ6hyQ:FuMwLS7heeY:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=8C6DvBJ6hyQ:FuMwLS7heeY:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=8C6DvBJ6hyQ:FuMwLS7heeY:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=8C6DvBJ6hyQ:FuMwLS7heeY:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=8C6DvBJ6hyQ:FuMwLS7heeY:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=8C6DvBJ6hyQ:FuMwLS7heeY:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=8C6DvBJ6hyQ:FuMwLS7heeY:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=8C6DvBJ6hyQ:FuMwLS7heeY:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=8C6DvBJ6hyQ:FuMwLS7heeY:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~4/8C6DvBJ6hyQ" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~3/8C6DvBJ6hyQ/visualizing-lms-discussion-forum.html</link><author>noreply@blogger.com (Ammar Merhbi)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh5.ggpht.com/-TjuYkCLSPkY/ThSZInhye9I/AAAAAAAABCM/J8CtyjNEDIk/s72-c/snapp%252520download_thumb%25255B254%25255D.png?imgmax=800" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://call4teachers.blogspot.com/2011/07/visualizing-lms-discussion-forum.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6600280610042840118.post-5680922155073154022</guid><pubDate>Wed, 21 Apr 2010 23:38:00 +0000</pubDate><atom:updated>2010-09-22T14:24:36.597+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Pedagogy</category><category domain="http://www.blogger.com/atom/ns#">pedagogical technology</category><category domain="http://www.blogger.com/atom/ns#">educational technology</category><category domain="http://www.blogger.com/atom/ns#">Teacher</category><category domain="http://www.blogger.com/atom/ns#">edtech</category><category domain="http://www.blogger.com/atom/ns#">implementation</category><category domain="http://www.blogger.com/atom/ns#">K through 12</category><title>The 4 E model for Pedagogical Technology</title><description>&lt;div align="justify"&gt;&lt;a href="http://lh5.ggpht.com/_wUm7j9z-aU4/S8-MaMoV1BI/AAAAAAAAAuQ/-XOnbogDU14/s1600-h/image%5B6%5D.png"&gt;&lt;img align="left" alt="image" border="0" height="349" src="http://lh3.ggpht.com/_wUm7j9z-aU4/S8-Mc1Q87ZI/AAAAAAAAAuU/ZlW8SZl9ZM8/image_thumb%5B4%5D.png?imgmax=800" style="border-width: 0px; display: inline; margin: 20px 15px 5px 10px;" title="image" width="415" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;If you look at the image on the left, you will notice the four key components of &lt;leo_highlight id="leoHighlights_Underline_0" leohighlights_keywords="technology" leohighlights_underline="true" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_0')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_0')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_0')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 50%; background-repeat: repeat; border-bottom: 2px solid rgb(255, 255, 150); cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt; integration, what Collis &amp;amp; moonen (2002) refer to as key components of “flexible learning in a digital world”.&lt;/div&gt;&lt;div align="justify"&gt;The components ( institution, implementation, pedagogy, and &lt;leo_highlight id="leoHighlights_Underline_1" leohighlights_keywords="technology" leohighlights_underline="true" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_1')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_1')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_1')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 50%; background-repeat: repeat; border-bottom: 2px solid rgb(255, 255, 150); cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt;) are nested in each other, which means that each depends on and feeds from the other. The approach for the flexible learning can be seen in a top-down, that institution-wide to technological aspect, or in&amp;nbsp; a bottom-up, that is from the technological aspect all the way up to the institution.&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;h5 align="justify"&gt;&lt;b&gt;&lt;u&gt;&lt;i&gt;&amp;nbsp;&lt;/i&gt;&lt;/u&gt;&lt;/b&gt;&lt;/h5&gt;&lt;h5 align="justify"&gt;&lt;b&gt;&lt;u&gt;&lt;i&gt;The 4 E Model as a Guide:&lt;/i&gt;&lt;/u&gt;&lt;/b&gt;&lt;/h5&gt;&lt;div align="justify"&gt;&lt;a href="http://www.flickr.com/photos/litebriteneonstudio/2283306635/" title="The Letter E by Lite Brite Neon, on Flickr"&gt;&lt;img align="left" alt="The Letter E" height="225" src="http://farm4.static.flickr.com/3010/2283306635_534a474bf3.jpg" style="display: inline; margin: 15px 15px 0px 0px;" width="173" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div align="justify"&gt;Collis &amp;amp; Moonen suggest a 4 E model that will guide anyone who wants to integrate flexible learning in each and all key components&lt;/div&gt;&lt;div align="justify"&gt;&lt;b&gt;E&lt;/b&gt;ase of use&lt;/div&gt;&lt;div align="justify"&gt;&lt;b&gt;E&lt;/b&gt;nvironment&lt;/div&gt;&lt;div align="justify"&gt;Personal &lt;b&gt;E&lt;/b&gt;ngagement&lt;/div&gt;&lt;div align="justify"&gt;&lt;b&gt;E&lt;/b&gt;ducational &lt;b&gt;E&lt;/b&gt;ffectiveness&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;Now, I will not go into details of the activity-flexibility abstract framework and its U pedagogical approach. All I want to focus on here is how the &lt;b&gt;4 E model&lt;/b&gt; would guide the teachers in adopting/adapting and using &lt;leo_highlight id="leoHighlights_Underline_2" leohighlights_keywords="technology" leohighlights_underline="true" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_2')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_2')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_2')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 50%; background-repeat: repeat; border-bottom: 2px solid rgb(255, 255, 150); cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt; in their teaching contexts, be it a complex, core &lt;leo_highlight id="leoHighlights_Underline_3" leohighlights_keywords="technology" leohighlights_underline="true" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_3')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_3')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_3')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt; such as a CMS ( content-management system) or a complementary &lt;leo_highlight id="leoHighlights_Underline_4" leohighlights_keywords="technology" leohighlights_underline="true" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_4')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_4')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_4')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt; &lt;leo_highlight id="leoHighlights_Underline_5" leohighlights_keywords="tool" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_5')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_5')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_5')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;tool&lt;/leo_highlight&gt; such as PowerPoint, word processor, or a web2.0 &lt;leo_highlight id="leoHighlights_Underline_6" leohighlights_keywords="tool" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_6')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_6')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_6')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;tool&lt;/leo_highlight&gt;.&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;h6 align="justify"&gt;E &lt;i&gt;for Ease of Use:&lt;/i&gt;&lt;/h6&gt;&lt;a href="http://www.flickr.com/photos/sindre-wimberger/170387636/" title="Jeffrey Veen ...ease of use... by Sindre-Wimberger, on Flickr"&gt;&lt;img align="right" alt="Jeffrey Veen ...ease of use..." height="219" src="http://farm1.static.flickr.com/77/170387636_fe906c93a4.jpg" style="display: inline; margin: 0px 0px 5px 15px;" width="262" /&gt;&lt;/a&gt;   &lt;br /&gt;
&lt;div align="justify"&gt;The &lt;i&gt;ease of use&lt;/i&gt; of the &lt;leo_highlight id="leoHighlights_Underline_7" leohighlights_keywords="technology" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_7')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_7')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_7')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt; &lt;leo_highlight id="leoHighlights_Underline_8" leohighlights_keywords="tool" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_8')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_8')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_8')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;tool&lt;/leo_highlight&gt; can be viewed from the teacher’s and student’s &lt;leo_highlight id="leoHighlights_Underline_9" leohighlights_keywords="perspective" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dperspective%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dperspective%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_9')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_9')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_9')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;perspective&lt;/leo_highlight&gt;. Is the teacher capable to use the &lt;leo_highlight id="leoHighlights_Underline_10" leohighlights_keywords="tool" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_10')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_10')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_10')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;tool&lt;/leo_highlight&gt; with relative ease and exploit it for the students’ benefits? Is the student able to use the &lt;leo_highlight id="leoHighlights_Underline_11" leohighlights_keywords="tool" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_11')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_11')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_11')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;tool&lt;/leo_highlight&gt; easily so as to focus on the intended task and not on the &lt;leo_highlight id="leoHighlights_Underline_12" leohighlights_keywords="tool" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_12')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_12')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_12')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;tool&lt;/leo_highlight&gt; features? &lt;/div&gt;&lt;div align="justify"&gt;Are the activities associated with the &lt;leo_highlight id="leoHighlights_Underline_13" leohighlights_keywords="tool" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_13')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_13')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_13')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;tool&lt;/leo_highlight&gt; easy to accomplish? Will the students easily work through the activities supported by the &lt;leo_highlight id="leoHighlights_Underline_14" leohighlights_keywords="tool" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_14')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_14')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_14')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;tool&lt;/leo_highlight&gt;?&lt;/div&gt;&lt;div align="justify"&gt;When a teacher decides to use this &lt;leo_highlight id="leoHighlights_Underline_15" leohighlights_keywords="tool" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_15')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_15')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_15')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;tool&lt;/leo_highlight&gt; or that (X or Y) he/she should ask the question of : Is the &lt;leo_highlight id="leoHighlights_Underline_16" leohighlights_keywords="tool" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_16')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_16')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_16')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;tool&lt;/leo_highlight&gt; easy to use? if not should there be an introductory activity to help students get the hang of it before using it for the subject or course?&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;h6 align="justify"&gt;E &lt;i&gt;for Environment&lt;/i&gt;&lt;/h6&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;a href="http://www.flickr.com/photos/daneelariantho/2632103260/" title="End of the Healthcare panel session by Daneel Ariantho, on Flickr"&gt;&lt;img align="left" alt="End of the Healthcare panel session" height="215" src="http://farm4.static.flickr.com/3010/2632103260_43ed257112.jpg" style="display: inline; margin: 0px 15px 10px 0px;" width="306" /&gt;&lt;/a&gt;   &lt;br /&gt;
&lt;div align="justify"&gt;Environment is a broad topic and it encompasses the educational institution or organization, the culture or socio-cultural aspect, and everything ( politics…) that affects holistically the adoption and adaption of the pedagogy and &lt;leo_highlight id="leoHighlights_Underline_17" leohighlights_keywords="technology" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_17')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_17')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_17')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt; and the process of implementation.&lt;/div&gt;&lt;div align="justify"&gt;Key questions such as : How does the educational institution, policy makers, or others in the position of power affect the implementation and use of &lt;leo_highlight id="leoHighlights_Underline_18" leohighlights_keywords="technology" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_18')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_18')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_18')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt; and the associated pedagogy? Does the educational institution the teacher works in support the use of &lt;leo_highlight id="leoHighlights_Underline_19" leohighlights_keywords="technology" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_19')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_19')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_19')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt; to enhance learning? or is he/she a pioneer?&lt;/div&gt;&lt;div align="justify"&gt;In either case, the teacher who wishes to implement &lt;leo_highlight id="leoHighlights_Underline_20" leohighlights_keywords="technology" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_20')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_20')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_20')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt; to enhance learning should not disregard the effect of the environment on the implementation process and should be keen on what is the best approach to use &lt;leo_highlight id="leoHighlights_Underline_21" leohighlights_keywords="technology" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_21')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_21')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_21')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt; ( in-class access, home access, guided access, self-access…. )&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;h6 align="justify"&gt;E &lt;i&gt;for personal Engagement&lt;/i&gt;&lt;/h6&gt;&lt;a href="http://www.flickr.com/photos/kukame/3317999851/" title="developing the proposal by kukame, on Flickr"&gt;&lt;img align="right" alt="developing the proposal" height="217" src="http://farm4.static.flickr.com/3622/3317999851_69787bdd80.jpg" style="display: inline; margin: 0px 0px 0px 15px;" width="326" /&gt;&lt;/a&gt;   &lt;br /&gt;
&lt;div align="justify"&gt;This E is tightly related to the teacher’s personal and professional engagement with the issue of &lt;leo_highlight id="leoHighlights_Underline_22" leohighlights_keywords="technology" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_22')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_22')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_22')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt; in education and flexible learning as a whole. What drives some teachers to be engaged in &lt;leo_highlight id="leoHighlights_Underline_23" leohighlights_keywords="technology" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_23')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_23')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_23')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt; to enhance learning? Is there any teaching beliefs behind that engagement? One should better gauge his or her beliefs on teaching with &lt;leo_highlight id="leoHighlights_Underline_24" leohighlights_keywords="technology" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_24')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_24')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_24')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt;. &lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;h6 align="justify"&gt;&amp;nbsp;&lt;/h6&gt;&lt;h6 align="justify"&gt;&amp;nbsp;&lt;/h6&gt;&lt;h6 align="justify"&gt;E &lt;i&gt;for Educational Effectiveness&lt;/i&gt;&lt;/h6&gt;&lt;a href="http://www.flickr.com/photos/scalzi/1969988234/" title="Resusci-Annie's Children Remark On the Effectiveness of the First Amendment by John Scalzi, on Flickr"&gt;&lt;img align="left" alt="Resusci-Annie's Children Remark On the Effectiveness of the First Amendment" height="233" src="http://farm3.static.flickr.com/2327/1969988234_202eb3386e.jpg" style="display: inline; margin: 25px 15px 5px 0px;" width="351" /&gt;&lt;/a&gt;   &lt;br /&gt;
&lt;div align="justify"&gt;If a teacher decides to use a particular &lt;leo_highlight id="leoHighlights_Underline_25" leohighlights_keywords="tool" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_25')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_25')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_25')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;tool&lt;/leo_highlight&gt; for learning and teaching, what is its educational effectiveness? The more the teacher sees that there is educational effectiveness, the more likely the teachers uses that &lt;leo_highlight id="leoHighlights_Underline_26" leohighlights_keywords="tool" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_26')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_26')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_26')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;tool&lt;/leo_highlight&gt;. So, the underlying question here is: What is the pedagogical implication of this technological &lt;leo_highlight id="leoHighlights_Underline_27" leohighlights_keywords="tool" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_27')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_27')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_27')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;tool&lt;/leo_highlight&gt; when exploited properly? How can &lt;leo_highlight id="leoHighlights_Underline_28" leohighlights_keywords="technology" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_28')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_28')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_28')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt; enhance the learning process that was impossible or improbable before?&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;I believe that every teacher, administrator, or educational policy maker should be guided by the &lt;b&gt;4 E model&lt;/b&gt; not only in flexible learning but also in all technological pedagogies.&lt;/div&gt;&lt;div align="justify"&gt;Now all you need to do is to select one &lt;leo_highlight id="leoHighlights_Underline_29" leohighlights_keywords="tool" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_29')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_29')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_29')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;tool&lt;/leo_highlight&gt; that you used before with your students and compare it against the 4 E model. Do you think it was worth it using that &lt;leo_highlight id="leoHighlights_Underline_30" leohighlights_keywords="tool" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_30')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_30')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_30')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;tool&lt;/leo_highlight&gt;? Do you think it added anything worthwhile to the learning process and outcome?&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;b&gt;Reference&lt;/b&gt;: Collis &amp;amp; Moonen (2002). &lt;i&gt;Flexible Learning in a Digital World&lt;/i&gt;. Routledge&lt;/div&gt;&lt;input id="gwProxy" type="hidden" /&gt;&lt;input id="jsProxy" onclick="jsCall();" type="hidden" /&gt;  &lt;br /&gt;
&lt;div id="refHTML"&gt;&lt;/div&gt;&lt;span id="leoHighlights_iframe_modal_span_container"&gt;   &lt;/span&gt;&lt;br /&gt;
&lt;div id="leoHighlights_iframe_modal_div_container" onmouseout="leoHighlightsHandleIFrameMouseOut();" onmouseover="leoHighlightsHandleIFrameMouseOver();" style="display: none; height: 391px; position: absolute; visibility: hidden; width: 520px; z-index: 2147483647;"&gt;&lt;iframe allowtransparency="allowtransparency" frameborder="0" height="294" id="leoHighlights_top_iframe" marginheight="0" marginwidth="0" name="leoHighlights_top_iframe" scrolling="no" src="about:blank" style="height: 294px; left: 0px; position: absolute; top: 0px; width: 520px; z-index: 2147483647;" title="leoHighlights_top_iframe" width="520"&gt;&lt;/iframe&gt;&lt;iframe allowtransparency="allowtransparency" frameborder="0" id="leoHighlights_bottom_iframe" marginheight="0" marginwidth="0" name="leoHighlights_bottom_iframe" scrolling="no" src="about:blank" style="left: 96px; position: absolute; top: 294px; z-index: 2147483647;" title="leoHighlights_bottom_iframe"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;script defer="defer" type="text/javascript"&gt;
   var LEO_HIGHLIGHTS_INFINITE_LOOP_COUNT =              300;   var LEO_HIGHLIGHTS_MAX_HIGHLIGHTS =                   50;   var LEO_HIGHLIGHTS_IFRAME_TOP_ID =                    "leoHighlights_top_iframe";   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID =                 "leoHighlights_bottom_iframe";   var LEO_HIGHLIGHTS_IFRAME_DIV_ID =                    "leoHighlights_iframe_modal_div_container";         var LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_WIDTH =     520;   var LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_HEIGHT =    391;      var LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_WIDTH =      520;   var LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_HEIGHT =     665;      var LEO_HIGHLIGHTS_IFRAME_TOP_POS_X =                 0;   var LEO_HIGHLIGHTS_IFRAME_TOP_POS_Y =                 0;   var LEO_HIGHLIGHTS_IFRAME_TOP_WIDTH =                 520;   var LEO_HIGHLIGHTS_IFRAME_TOP_HEIGHT =                294;      var LEO_HIGHLIGHTS_IFRAME_BOTTOM_POS_X =              96;   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_POS_Y =              294;   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_WIDTH =    425;   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_HEIGHT =   97;   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_WIDTH =     425;   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_HEIGHT =    371;            var LEO_HIGHLIGHTS_SHOW_DELAY_MS =                    300;   var LEO_HIGHLIGHTS_HIDE_DELAY_MS =                    750;      var LEO_HIGHLIGHTS_BACKGROUND_STYLE_DEFAULT =         "transparent none repeat scroll 0% 0%";   var LEO_HIGHLIGHTS_BACKGROUND_STYLE_HOVER =           "rgb(245, 245, 0) none repeat scroll 0% 0%";   var LEO_HIGHLIGHTS_ROVER_TAG =                        "711-36858-13496-14";   createInlineScriptElement("var%20LEO_HIGHLIGHTS_DEBUG%20%3D%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20false%3B%0Avar%20LEO_HIGHLIGHTS_DEBUG_POS%20%3D%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20false%3B%0A%20%20%20%0Avar%20_leoHighlightsPrevElem%20%3D%20null%3B%0A%0A/**%0A%20*%20Checks%20if%20the%20passed%20in%20class%20exists%0A%20*%20@param%20c%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsClassExists%28c%29%20%7B%0A%20%20%20return%20typeof%28c%29%20%3D%3D%20%22function%22%20%26%26%20typeof%28c.prototype%29%20%3D%3D%20%22object%22%20?%20true%20%3A%20false%3B%0A%7D%0A%0A/**%0A%20*%20Checks%20if%20the%20firebug%20console%20is%20available%0A%20*%20@param%20c%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsFirebugConsoleAvailable%28c%29%20%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsClassExists%28_FirebugConsole%29%20%26%26%20%0A%20%20%20%20%20%20%20%20%20window.console%20%26%26%20console.log%20%26%26%20%0A%20%20%20%20%20%20%20%20%20%28console%20instanceof%20_FirebugConsole%29%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20return%20true%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%7D%0A%20%20%20catch%28e%29%7B%7D%0A%20%20%20%0A%20%20%20return%20false%3B%0A%7D%20%0A%0A%0A/**%0A%20*%20General%20method%20used%20to%20debug%20exceptions%0A%20*%20%0A%20*%20@param%20location%0A%20*%20@param%20e%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsReportExeception%28location%2Ce%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsFirebugConsoleAvailable%28%29%20||LEO_HIGHLIGHTS_DEBUG%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20var%20logString%3Dlocation+%22%3A%20%22+e+%22%5Cn%5Ct%22+e.name+%22%5Cn%5Ct%22+%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%28e.number%260xFFFF%29+%22%5Cn%5Ct%22+e.description%3B%0A%20%20%20%20%20%20%20%20%20if%28_leoHighlightsFirebugConsoleAvailable%28%29%29%0A%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20console.error%28logString%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20console.trace%28%29%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28LEO_HIGHLIGHTS_DEBUG%29%0A%20%20%20%20%20%20%20%20%20alert%28logString%29%3B%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%7B%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20log%20a%20string%20to%20the%20firebug%20console%0A%20*%20%0A%20*%20@param%20str%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsDebugLog%28str%29%0A%7B%20%20%20%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsFirebugConsoleAvailable%28%29%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20console.log%28typeof%28_FirebugConsole%29+%22%20%22+str%29%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22_leoHighlightsDebugLog%28%29%20%22+str%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20get%20an%20attribute%20and%20decode%20it.%0A%20*%20%0A%20*%20@param%20elem%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetAttrib%28elem%2Cid%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20val%3Delem.getAttribute%28id%29%3B%0A%20%20%20%20%20%20return%20decodeURI%28val%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22_leoHighlightsGetAttrib%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%20%20%20return%20null%3B%0A%7D%0A%0A/**%0A%20*%20This%20is%20a%20dimensions%20object%0A%20*%20%0A%20*%20@param%20width%0A%20*%20@param%20height%0A%20*%20@return%0A%20*/%0Afunction%20LeoHighlightsDimension%28width%2Cheight%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09this.width%3Dwidth%3B%0A%20%20%20%09this.height%3Dheight%3B%0A%20%20%20%09this.toString%3Dfunction%28%29%20%7B%20return%20%28%22%28%22+this.width+%22%2C%22+this.height+%22%29%22%29%3B%7D%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22new%20LeoHighlightsDimension%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20is%20a%20Position%20object%0A%20*%20%0A%20*%20@param%20x%0A%20*%20@param%20y%0A%20*%20@return%0A%20*/%0Afunction%20LeoHighlightsPosition%28x%2Cy%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09this.x%3Dx%3B%0A%20%20%20%09this.y%3Dy%3B%0A%20%20%20%09this.toString%3Dfunction%28%29%20%7B%20return%20%28%22%28%22+this.x+%22%2C%22+this.y+%22%29%22%29%3B%7D%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22new%20LeoHighlightsPosition%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0Avar%20LEO_HIGHLIGHTS_ADJUSTMENT%20%3D%20new%20LeoHighlightsPosition%283%2C3%29%3B%0Avar%20LEO_HIGHLIGHTS_IFRAME_TOP_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_TOP_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_TOP_HEIGHT%29%3B%0Avar%20LEO_HIGHLIGHTS_IFRAME_BOTTOM_HOVER_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_HEIGHT%29%3B%0Avar%20LEO_HIGHLIGHTS_IFRAME_BOTTOM_CLICK_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_HEIGHT%29%3B%0A%0Avar%20LEO_HIGHLIGHTS_DIV_HOVER_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_HEIGHT%29%3B%0Avar%20LEO_HIGHLIGHTS_DIV_CLICK_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_HEIGHT%29%3B%0A%0A%0A/**%0A%20*%20Sets%20the%20size%20of%20the%20passed%20in%20element%0A%20*%20%0A%20*%20@param%20elem%0A%20*%20@param%20dim%20%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsSetSize%28elem%2Cdim%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09//%20Set%20the%20popup%20location%0A%20%20%20%09elem.style.width%20%3D%20dim.width%20+%20%22px%22%3B%0A%20%20%20%09if%28elem.width%29%0A%20%20%20%09%09elem.width%3Ddim.width%3B%0A%20%20%20%09elem.style.height%20%20%3D%20dim.height%20+%20%22px%22%3B%0A%20%20%20%09if%28elem.height%29%0A%20%20%20%09%09elem.height%3Ddim.height%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsSetSize%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20can%20be%20used%20for%20a%20simple%20one%20argument%20callback%0A%20*%0A%20*%20@param%20callName%0A%20*%20@param%20argName%0A%20*%20@param%20argVal%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsSimpleGwCallBack%28callName%2CargName%2C%20argVal%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20if%28argName%29%0A%20%20%20%20%20%20%09gwObj.addParam%28argName%2CargVal%29%3B%0A%20%20%20%20%20%20gwObj.callName%28callName%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsSimpleGwCallBack%28%29%20%22+callName%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20gets%20a%20url%20argument%20from%20the%20current%20document.%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetUrlArg%28url%2C%20name%20%29%0A%7B%0A%09%20%20name%20%3D%20name.replace%28/[%5C[]/%2C%22%5C%5C%5C[%22%29.replace%28/[%5C]]/%2C%22%5C%5C%5C]%22%29%3B%0A%09%20%20var%20regexS%20%3D%20%22[%5C%5C?%26]%22+name+%22%3D%28[^%26%23]*%29%22%3B%0A%09%20%20var%20regex%20%3D%20new%20RegExp%28%20regexS%20%29%3B%0A%09%20%20var%20results%20%3D%20regex.exec%28url%29%3B%0A%09%20%20if%28%20results%20%3D%3D%20null%20%29%0A%09%20%20%20%20return%20%22%22%3B%0A%09%20%20else%0A%09%20%20%20%20return%20results[1]%3B%0A%7D%0A%0A%0A/**%0A%20*%20This%20allows%20to%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsRedirectTop%28url%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%20%20%09%0A%20%20%20%09top.location%3Durl%3B%09%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsRedirectTop%28%29%22%2Ce%29%3B%0A%20%20%20%7D%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20find%20an%20element%20by%20Id%0A%20*%20%0A%20*%20@param%20elemId%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsFindElementById%28elemId%2Cdoc%29%0A%7B%0A%09try%0A%09%7B%0A%09%20%20%20if%28doc%3D%3Dnull%29%0A%09%20%20%20%20%20%20doc%3Ddocument%3B%0A%09%20%20%20%0A%09%09var%20elem%3Ddoc.getElementById%28elemId%29%3B%0A%09%09if%28elem%29%0A%09%09%09return%20elem%3B%0A%09%09%0A%09%09/*%20This%20is%20the%20handling%20for%20IE%20*/%0A%09%09if%28doc.all%29%0A%09%09%7B%0A%09%09%09elem%3Ddoc.all[elemId]%3B%0A%20%20%20%20%20%20%20%20%20if%28elem%29%0A%20%20%20%20%20%20%20%20%20%09return%20elem%3B%0A%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20for%20%28%20var%20i%20%3D%20%28document.all.length-1%29%3B%20i%20%3E%3D%200%3B%20i--%29%20%7B%0A%20%20%20%20%20%20%20%20%20%09elem%3Ddoc.all[i]%3B%0A%20%20%20%20%20%20%20%20%20%09if%28elem.id%3D%3DelemId%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20elem%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%09%09%7D%0A%09%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsFindElementById%28%29%22%2Ce%29%3B%0A%20%20%20%7D%0A%09return%20null%3B%0A%7D%0A%0A/**%0A%20*%20Get%20the%20location%20of%20one%20element%20relative%20to%20a%20parent%20reference%0A%20*%0A%20*%20@param%20ref%0A%20*%20%20%20%20%20%20%20%20%20%20%20the%20reference%20element%2C%20this%20must%20be%20a%20parent%20of%20the%20passed%20in%0A%20*%20%20%20%20%20%20%20%20%20%20%20element%0A%20*%20@param%20elem%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetLocation%28ref%2C%20elem%29%20%7B%0A%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsGetLocation%20%22+elem.id%29%3B%0A%20%20%20%0A%20%20%20var%20count%20%3D%200%3B%0A%20%20%20var%20location%20%3D%20new%20LeoHighlightsPosition%280%2C0%29%3B%0A%20%20%20var%20walk%20%3D%20elem%3B%0A%20%20%20while%20%28walk%20%21%3D%20null%20%26%26%20walk%20%21%3D%20ref%20%26%26%20count%20%3C%20LEO_HIGHLIGHTS_INFINITE_LOOP_COUNT%29%20%7B%0A%20%20%20%20%20%20location.x%20+%3D%20walk.offsetLeft%3B%0A%20%20%20%20%20%20location.y%20+%3D%20walk.offsetTop%3B%0A%20%20%20%20%20%20walk%20%3D%20walk.offsetParent%3B%0A%20%20%20%20%20%20count++%3B%0A%20%20%20%7D%0A%20%20%20%0A%20%20%20_leoHighlightsDebugLog%28%22Location%20is%3A%20%22+elem.id+%22%20-%20%22+location%29%3B%0A%0A%20%20%20return%20location%3B%0A%7D%0A%0A/**%0A%20*%20This%20is%20used%20to%20update%20the%20position%20of%20an%20element%20as%20a%20popup%0A%20*%20%0A%20*%20@param%20IFrame%0A%20*%20@param%20anchor%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsUpdatePopupPos%28iFrame%2Canchor%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20//%20Gets%20the%20scrolled%20location%20for%20x%20and%20y%0A%20%20%20%20%20%20var%20scrolledPos%3Dnew%20LeoHighlightsPosition%280%2C0%29%3B%0A%20%20%20%20%20%20if%28%20self.pageYOffset%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20scrolledPos.x%20%3D%20self.pageXOffset%3B%0A%20%20%20%20%20%20%20%20%20scrolledPos.y%20%3D%20self.pageYOffset%3B%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.documentElement%20%26%26%20document.documentElement.scrollTop%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20scrolledPos.x%20%3D%20document.documentElement.scrollLeft%3B%0A%20%20%20%20%20%20%20%20%20scrolledPos.y%20%3D%20document.documentElement.scrollTop%3B%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.body%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20scrolledPos.x%20%3D%20document.body.scrollLeft%3B%0A%20%20%20%20%20%20%20%20%20scrolledPos.y%20%3D%20document.body.scrollTop%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20total%20dimensions%20to%20see%20what%20scroll%20bars%20might%20be%20active%20*/%0A%20%20%20%20%20%20var%20totalDim%3Dnew%20LeoHighlightsDimension%280%2C0%29%0A%20%20%20%20%20%20if%20%28document.all%20%26%26%20document.documentElement%20%26%26%20%0A%20%20%20%20%20%20%09document.documentElement.clientHeight%26%26document.documentElement.clientWidth%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%09totalDim.width%20%3D%20document.documentElement.scrollWidth%3B%0A%20%20%20%20%20%20%09totalDim.height%20%3D%20document.documentElement.scrollHeight%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20else%20if%20%28document.all%29%0A%20%20%20%20%20%20%7B%20/*%20This%20is%20in%20IE%20*/%0A%20%20%20%20%20%09%20%09totalDim.width%20%3D%20document.body.scrollWidth%3B%0A%20%20%20%20%20%20%09totalDim.height%20%3D%20document.body.scrollHeight%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20else%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%09%20totalDim.width%20%3D%20document.width%3B%0A%20%20%20%20%20%20%09%20totalDim.height%20%3D%20document.height%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20//%20Gets%20the%20location%20of%20the%20available%20screen%20space%0A%20%20%20%20%20%20var%20centerDim%3Dnew%20LeoHighlightsDimension%280%2C0%29%3B%0A%20%20%20%20%20%20if%28self.innerWidth%20%26%26%20self.innerHeight%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20centerDim.width%20%3D%20self.innerWidth-%28totalDim.height%3Eself.innerHeight?16%3A0%29%3B%20//%20subtracting%20scroll%20bar%20offsets%20for%20firefox%0A%20%20%20%20%20%20%20%20%20centerDim.height%20%3D%20self.innerHeight-%28totalDim.width%3Eself.innerWidth?16%3A0%29%3B%20%20//%20subtracting%20scroll%20bar%20offsets%20for%20firefox%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.documentElement%20%26%26%20document.documentElement.clientHeight%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20centerDim.width%20%3D%20document.documentElement.clientWidth%3B%0A%20%20%20%20%20%20%20%20%20centerDim.height%20%3D%20document.documentElement.clientHeight%3B%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.body%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20centerDim.width%20%3D%20document.body.clientWidth%3B%0A%20%20%20%20%20%20%20%20%20centerDim.height%20%3D%20document.body.clientHeight%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20//%20Get%20the%20current%20dimension%20of%20the%20popup%20element%0A%20%20%20%20%20%20var%20iFrameDim%3Dnew%20LeoHighlightsDimension%28iFrame.offsetWidth%2CiFrame.offsetHeight%29%0A%20%20%20%20%20%20if%20%28iFrameDim.width%20%3C%3D%200%29%0A%20%20%20%20%20%20%09iFrameDim.width%20%3D%20iFrame.style.width.substring%280%2C%20iFrame.style.width.indexOf%28%27px%27%29%29%3B%0A%20%20%20%20%20%20if%20%28iFrameDim.height%20%3C%3D%200%29%0A%20%20%20%20%20%20%09iFrameDim.height%20%3D%20iFrame.style.height.substring%280%2C%20iFrame.style.height.indexOf%28%27px%27%29%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Calculate%20the%20position%2C%20lower%20right%20hand%20corner%20by%20default%20*/%0A%20%20%20%20%20%20var%20position%3Dnew%20LeoHighlightsPosition%280%2C0%29%3B%0A%20%20%20%20%20%20position.x%3DscrolledPos.x+centerDim.width-iFrameDim.width-LEO_HIGHLIGHTS_ADJUSTMENT.x%3B%0A%20%20%20%20%20%20position.y%3DscrolledPos.y+centerDim.height-iFrameDim.height-LEO_HIGHLIGHTS_ADJUSTMENT.y%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28anchor%21%3Dnull%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20//centerDim%20in%20relation%20to%20the%20anchor%20element%20if%20available%0A%20%20%20%20%20%20%20%20%20var%20topOrBottom%20%3D%20false%3B%0A%20%20%20%20%20%20%20%20%20var%20anchorPos%3D_leoHighlightsGetLocation%28document.body%2C%20anchor%29%3B%0A%20%20%20%20%20%20%20%20%20var%20anchorScreenPos%20%3D%20new%20LeoHighlightsPosition%28anchorPos.x-scrolledPos.x%2CanchorPos.y-scrolledPos.y%29%3B%0A%20%20%20%20%20%20%20%20%20var%20anchorDim%3Dnew%20LeoHighlightsDimension%28anchor.offsetWidth%2Canchor.offsetHeight%29%0A%20%20%20%20%20%20%20%20%20if%20%28anchorDim.width%20%3C%3D%200%29%0A%20%20%20%20%20%20%20%20%20%09anchorDim.width%20%3D%20anchor.style.width.substring%280%2C%20anchor.style.width.indexOf%28%27px%27%29%29%3B%0A%20%20%20%20%20%20%20%20%20if%20%28anchorDim.height%20%3C%3D%200%29%0A%20%20%20%20%20%20%20%20%20%09anchorDim.height%20%3D%20anchor.style.height.substring%280%2C%20anchor.style.height.indexOf%28%27px%27%29%29%3B%0A%0A%20%20%20%20%20%20%20%20%20//%20Check%20if%20the%20popup%20can%20be%20shown%20above%20or%20below%20the%20element%0A%20%20%20%20%20%20%20%20%20if%20%28centerDim.height%20-%20anchorDim.height%20-%20iFrameDim.height%20-%20anchorScreenPos.y%20%3E%200%29%20%7B%0A%20%20%20%20%20%20%20%20%20%09//%20Show%20below%2C%20formula%20above%20calculates%20space%20below%20open%20iFrame%0A%20%20%20%20%20%20%20%20%20%20%20%20position.y%20%3D%20anchorPos.y%20+%20anchorDim.height%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20topOrBottom%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20%20%7D%20else%20if%20%28anchorScreenPos.y%20-%20anchorDim.height%20-%20iFrameDim.height%20%3E%200%29%20%7B%0A%20%20%20%20%20%20%20%20%20%09//%20Show%20above%2C%20formula%20above%20calculates%20space%20above%20open%20iFrame%0A%20%20%20%20%20%20%20%20%20%09position.y%20%3D%20anchorPos.y%20-%20iFrameDim.height%20-%20anchorDim.height%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20topOrBottom%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsUpdatePopupPos%28%29%20-%20topOrBottom%3A%20%22+topOrBottom%29%3B%0A%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20if%20%28topOrBottom%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20//%20We%20attempt%20top%20attach%20the%20window%20to%20the%20element%0A%20%20%20%20%20%20%20%20%20%09position.x%20%3D%20anchorPos.x%20-%20iFrameDim.width%20/%202%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20%28position.x%20%3C%200%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%09position.x%20%3D%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20else%20if%20%28position.x%20+%20iFrameDim.width%20%3E%20scrolledPos.x%20+%20centerDim.width%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%09position.x%20%3D%20scrolledPos.x%20+%20centerDim.width%20-%20iFrameDim.width%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsUpdatePopupPos%28%29%20-%20topOrBottom%3A%20%22+position%29%3B%0A%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20//%20Attempt%20to%20align%20on%20the%20right%20or%20left%20hand%20side%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20%28centerDim.width%20-%20anchorDim.width%20-%20iFrameDim.width%20-%20anchorScreenPos.x%20%3E%200%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20position.x%20%3D%20anchorPos.x%20+%20anchorDim.width%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20else%20if%20%28anchorScreenPos.x%20-%20anchorDim.width%20-%20iFrameDim.width%20%3E%200%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%09position.x%20%3D%20anchorPos.x%20-%20anchorDim.width%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20else%20%20//%20default%20to%20below%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20position.y%20%3D%20anchorPos.y%20+%20anchorDim.height%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsUpdatePopupPos%28%29%20-%20sideBottom%3A%20%22+position%29%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Make%20sure%20that%20we%20don%27t%20go%20passed%20the%20right%20hand%20border%20*/%0A%20%20%20%20%20%20if%28position.x+iFrameDim.width%3EcenterDim.width-20%29%0A%20%20%20%20%20%20%09position.x%3DcenterDim.width-%28iFrameDim.width+20%29%3B%0A%20%20%20%20%20%20%09%09%0A%20%20%20%20%20%20//%20Make%20sure%20that%20we%20didn%27t%20go%20passed%20the%20start%0A%20%20%20%20%20%20if%28position.x%3C0%29%0A%20%20%20%20%20%20%20%20%20position.x%3D0%3B%0A%20%20%20%20%20%20if%28position.y%3C0%29%0A%20%20%20%20%20%20%09position.y%3D0%3B%0A%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22Popup%20info%20id%3A%20%20%20%20%20%20%20%22%20+iFrame.id+%22%20-%20%22+anchor.id%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5Cnscrolled%20%20%20%20%20%20%20%20%20%20%22%20+%20scrolledPos%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5Cncenter/visible%20%20%20%20%22%20+%20centerDim%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5Cnanchor%20%28absolute%29%20%22%20+%20anchorPos%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5Cnanchor%20%28screen%29%20%20%20%22%20+%20anchorScreenPos%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5CnSize%20%28anchor%29%20%20%20%20%20%22%20+%20anchorDim%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5CnSize%20%28popup%29%20%20%20%20%20%20%22%20+%20iFrameDim%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5CnResult%20pos%20%20%20%20%20%20%20%20%22%20+%20position%29%3B%0A%0A%20%20%20%20%20%20//%20Set%20the%20popup%20location%0A%20%20%20%20%20%20iFrame.style.left%20%3D%20position.x%20+%20%22px%22%3B%0A%20%20%20%20%20%20iFrame.style.top%20%20%3D%20position.y%20+%20%22px%22%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsUpdatePopupPos%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20show%20the%20passed%20in%20element%20as%20a%20popup%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@param%20size%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsShowPopup%28anchorId%2Csize%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09var%20popup%3Dnew%20LeoHighlightsPopup%28anchorId%2Csize%29%3B%0A%20%20%20%09popup.show%28%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsShowPopup%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20transform%20the%20passed%20in%20url%20to%20a%20rover%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetRoverUrl%28url%29%0A%7B%0A%09var%20rover%3DLEO_HIGHLIGHTS_ROVER_TAG%3B%0A%09var%20roverUrl%3D%22http%3A//rover.ebay.com/rover/1/%22+rover+%22/4?%26mpre%3D%22+encodeURI%28url%29%3B%0A%09%0A%09return%20roverUrl%3B%0A%7D%0A%0A/**%0A%20*%20Sets%20the%20size%20of%20the%20bottom%20windown%20part%0A%20*%20%0A%20*%20@param%20size%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsSetBottomSize%28size%2CclickId%29%0A%7B%0A%20%20%20/*%20Get%20the%20elements%20*/%0A%20%20%20var%20iFrameBottom%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20var%20iFrameDiv%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_DIV_ID%29%3B%0A%0A%20%20%20/*%20Figure%20out%20the%20correct%20sizes%20*/%0A%20%20%20var%20iFrameBottomSize%3D%28size%3D%3D1%29?LEO_HIGHLIGHTS_IFRAME_BOTTOM_CLICK_SIZE%3ALEO_HIGHLIGHTS_IFRAME_BOTTOM_HOVER_SIZE%3B%0A%20%20%20var%20divSize%3D%28size%3D%3D1%29?LEO_HIGHLIGHTS_DIV_CLICK_SIZE%3ALEO_HIGHLIGHTS_DIV_HOVER_SIZE%3B%0A%0A%20%20%20/*%20Refresh%20the%20iFrame%27s%20url%2C%20by%20removing%20the%20size%20arg%20and%20adding%20it%20again%20*/%0A%20%20%20leoHighlightsUpdateUrl%28iFrameBottom%2Csize%2CclickId%29%3B%0A%0A%20%20%20/*%20Clear%20the%20hover%20flag%2C%20if%20the%20user%20shows%20this%20at%20full%20size%20*/%0A%20%20%20_leoHighlightsPrevElem.hover%3Dsize%3D%3D1?false%3Atrue%3B%0A%0A%20%20%20_leoHighlightsSetSize%28iFrameBottom%2CiFrameBottomSize%29%3B%0A%20%20%20_leoHighlightsSetSize%28iFrameDiv%2CdivSize%29%3B%0A%7D%0A%0A%0A/**%0A%20*%20Class%20for%20a%20Popup%20%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@param%20size%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20LeoHighlightsPopup%28anchorId%2Csize%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22LeoHighlightsPopup%28%29%20%22%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09this.anchorId%3DanchorId%3B%0A%20%20%20%09this.anchor%3D_leoHighlightsFindElementById%28this.anchorId%29%3B%0A%20%20%20%09this.topIframe%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%20%20%20%20%20%20this.bottomIframe%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20%09this.iFrameDiv%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_DIV_ID%29%3B%0A%20%20%20%09%0A%20%20%20%09this.topIframe.src%3Dunescape%28this.anchor.getAttribute%28%27leoHighlights_url_top%27%29%29%3B%3B%0A%20%20%20%20%20%20this.bottomIframe.src%3Dunescape%28this.anchor.getAttribute%28%27leoHighlights_url_bottom%27%29%29%3B%3B%0A%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%221%29%20LeoHighlightsPopup%28%29%20%28%22+this.topIframe.style.top+%22%2C%20%22+this.topIframe.style.left+%22%29%22%29%3B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%222%29%20LeoHighlightsPopup%28%29%20%28%22+this.bottomIframe.style.top+%22%2C%20%22+this.bottomIframe.style.left+%22%29%22%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09leoHighlightsSetSize%28size%29%3B%0A%20%20%20%09%0A%20%20%20%09this.updatePos%3Dfunction%28%29%20%7B%20_leoHighlightsUpdatePopupPos%28this.iFrameDiv%2Cthis.anchor%29%7D%3B%0A%20%20%20%20%20%20this.show%3Dfunction%28%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20this.updatePos%28%29%3B%20%0A%20%20%20%20%20%20%20%20%20%20%20%20this.iFrameDiv.style.visibility%20%3D%20%22visible%22%3B%20%0A%20%20%20%20%20%20%20%20%20%20%20%20this.iFrameDiv.style.display%20%3D%20%22block%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20this.updatePos%28%29%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%223%29%20LeoHighlightsPopup%28%29%20%28%22+this.topIframe.style.top+%22%2C%20%22+this.topIframe.style.left+%22%29%22%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%224%29%20LeoHighlightsPopup%28%29%20%28%22+this.bottomIframe.style.top+%22%2C%20%22+this.bottomIframe.style.left+%22%29%22%29%3B%0A%20%20%20%20%20%20%7D%20%20%20%20%20%20%20%0A%20%20%20%09this.scroll%3Dfunction%28%29%20%7B%20this.updatePos%28%29%3B%7D%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22new%20LeoHighlightsPopup%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20updates%20the%20url%20for%20the%20iFrame%0A%20*%20%0A%20*%20@param%20iFrame%0A%20*%20@param%20size%0A%20*%20@param%20clickId%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsUpdateUrl%28iFrame%2Csize%2CclickId%2CdestUrl%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsUpdateUrl%28%29%20%22+destUrl%29%3B%0A%20%20%20%20%20%20var%20url%3DiFrame.src%3B%0A%20%20%20%20%20%20var%20idx%3Durl.indexOf%28%22%26size%3D%22%29%3B%0A%20%20%20%20%20%20if%28idx%3E%3D0%29%0A%20%20%20%20%20%20%20%20%20url%3Durl.substring%280%2Cidx%29%3B%0A%20%20%20%20%20%20%0A//%20%20%20%20%20%20size%3D1%3B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsUpdateUrl%28%29%20size%3D%22+size+%22%20%20%22+url%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28size%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url+%3D%28%22%26size%3D%22+size%29%3B%0A%20%20%20%20%20%20if%28clickId%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url+%3D%28%22%26clickId%3D%22+clickId%29%3B%0A%20%20%20%20%20%20if%28destUrl%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url+%3D%28%22%26url%3D%22+destUrl%29%3B%0A%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsUpdateUrl%28%29%20%22+url%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20iFrame.src%3Durl%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsUpdateUrl%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A%0A%0A/**%0A*%0A*%20This%20can%20be%20used%20to%20close%20an%20iframe%0A*%0A*%20@param%20id%0A*%20@return%0A*/%0Afunction%20leoHighlightsSetSize%28size%2CclickId%29%0A%7B%0A%09try%0A%09%7B%0A%09%09/*%20Get%20the%20element%20*/%0A%20%20%09%09var%20iFrameTop%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%0A%20%20%09%09/*%20Figure%20out%20the%20correct%20sizes%20*/%0A%20%20%09%09var%20iFrameTopSize%3DLEO_HIGHLIGHTS_IFRAME_TOP_SIZE%3B%0A%20%20%09%09%0A%20%20%09%09/*%20Refresh%20the%20iFrame%27s%20url%2C%20by%20removing%20the%20size%20arg%20and%20adding%20it%20again%20*/%0A%20%20%09%09leoHighlightsUpdateUrl%28iFrameTop%2Csize%2CclickId%29%3B%0A%20%20%09%09%0A%20%20%09%09_leoHighlightsSetSize%28iFrameTop%2CiFrameTopSize%29%3B%0A%20%20%20%20%20%20_leoHighlightsSetBottomSize%28size%2CclickId%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Clear%20the%20hover%20flag%2C%20if%20the%20user%20shows%20this%20at%20full%20size%20*/%0A%20%20%20%20%20%20if%28size%3D%3D1%26%26_leoHighlightsPrevElem%29%0A%20%20%20%20%20%20%20%20%20_leoHighlightsPrevElem.hover%3Dfalse%3B%20%20%20%20%20%20%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsSetSize%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20Start%20the%20popup%20a%20little%20bit%20delayed.%0A%20*%20Somehow%20IE%20needs%20some%20time%20to%20find%20the%20element%20by%20id.%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@param%20size%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsShowPopup%28anchorId%2Csize%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%09%09var%20elem%3D_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%09%09if%28_leoHighlightsPrevElem%26%26%28_leoHighlightsPrevElem%21%3Delem%29%29%0A%20%20%09%09%09_leoHighlightsPrevElem.shown%3Dfalse%3B%0A%20%20%09%09elem.shown%3Dtrue%3B%0A%09%09_leoHighlightsPrevElem%3Delem%3B%0A%09%09%0A%09%09_leoHighlightsDebugLog%28%22leoHighlightsShowPopup%28%29%20%22+_leoHighlightsPrevElem%29%3B%09%09%0A%20%20%20%09%0A%20%20%20%09/*%20FF%20needs%20to%20find%20the%20element%20first%20*/%0A%20%20%20%09_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%20%09%0A%20%20%20%09setTimeout%28%22_leoHighlightsShowPopup%28%5C%27%22+anchorId+%22%5C%27%2C%5C%27%22+size+%22%5C%27%29%3B%22%2C10%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHighlightsShowPopup%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A*%0A*%20This%20can%20be%20used%20to%20close%20an%20iframe%0A*%0A*%20@param%20id%0A*%20@return%0A*/%0Afunction%20leoHighlightsHideElem%28id%29%0A%7B%0A%09try%0A%09%7B%0A%09%09/*%20Get%20the%20appropriate%20sizes%20*/%0A%20%20%09%09var%20elem%3D_leoHighlightsFindElementById%28id%29%3B%0A%20%20%09%09if%28elem%29%0A%20%20%09%09%09elem.style.visibility%3D%22hidden%22%3B%0A%20%20%09%09%0A%20%20%09%09/*%20Clear%20the%20page%20for%20the%20next%20run%20through%20*/%0A%20%20%09%09var%20iFrame%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%20%20%09%09if%28iFrame%29%0A%20%20%09%09%09iFrame.src%3D%22about%3Ablank%22%3B%0A%20%20%20%20%20%20var%20iFrame%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20%20%20%20if%28iFrame%29%0A%20%20%20%20%20%20%20%20%20iFrame.src%3D%22about%3Ablank%22%3B%0A%20%20%09%09%0A%20%20%09%09%0A%20%20%09%09if%28_leoHighlightsPrevElem%29%0A%20%20%09%09%7B%0A%20%20%09%09%09_leoHighlightsPrevElem.shown%3Dfalse%3B%0A%20%20%09%09%09_leoHighlightsPrevElem%3Dnull%3B%0A%20%20%09%09%7D%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHideElem%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A*%0A*%20This%20can%20be%20used%20to%20close%20an%20iframe.%0A*%20Since%20the%20iFrame%20is%20reused%20the%20frame%20only%20gets%20hidden%0A*%0A*%20@return%0A*/%0Afunction%20leoHighlightsIFrameClose%28%29%0A%7B%0A%20%20try%0A%20%20%7B%0A%09%20%20_leoHighlightsSimpleGwCallBack%28%22LeoHighlightsHideIFrame%22%29%3B%0A%20%20%7D%0A%20%20catch%28e%29%0A%20%20%7B%0A%09%20%20_leoHighlightsReportExeception%28%22leoHighlightsIFrameClose%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20should%20handle%20the%20click%20events%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleClick%28anchorId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%09%09var%20anchor%3D_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%09%09anchor.hover%3Dfalse%3B%0A%20%20%09%09if%28anchor.startTimer%29%0A%20%20%09%09%09clearTimeout%28anchor.startTimer%29%3B%0A%20%20%20%09%0A%20%20%20%20%20%20/*%20Report%20the%20click%20event%20*/%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22clicked%22%2C%20window.document.domain%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_keywords%27%29%2Cnull%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_accept%27%29%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_reject%27%29%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09leoHighlightsShowPopup%28anchorId%2C1%29%3B%0A%20%20%20%09return%20false%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHighlightsHandleClick%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20should%20handle%20the%20hover%20events%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleHover%28anchorId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%09%09var%20anchor%3D_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%09%09anchor.hover%3Dtrue%3B%0A%20%20%09%09%0A%20%20%20%20%20%20/*%20Report%20the%20hover%20event%20*/%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22hovered%22%2C%20window.document.domain%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_keywords%27%29%2Cnull%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_accept%27%29%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_reject%27%29%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09leoHighlightsShowPopup%28anchorId%2C0%29%3B%0A%20%20%20%09return%20false%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHighlightsHandleHover%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20will%20handle%20the%20mouse%20over%20setup%20timers%20for%20the%20appropriate%20timers%0A%20*%20%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleMouseOver%28id%29%0A%7B%0A%09try%0A%09%7B%0A%09%09var%20anchor%3D_leoHighlightsFindElementById%28id%29%3B%09%09%0A%0A%09%09/*%20Clear%20the%20end%20timer%20if%20required%20*/%0A%09%09if%28anchor.endTimer%29%0A%09%09%09clearTimeout%28anchor.endTimer%29%3B%0A%09%09anchor.endTimer%3Dnull%3B%0A%09%09%0A%09%09anchor.style.background%3DLEO_HIGHLIGHTS_BACKGROUND_STYLE_HOVER%3B%0A%09%09%0A%09%09/*%20The%20element%20is%20already%20showing%20we%20are%20done%20*/%0A%09%09if%28anchor.shown%29%0A%09%09%09return%3B%0A%09%09%0A%09%09/*%20Setup%20the%20start%20timer%20if%20required%20*/%0A%09%09anchor.startTimer%3DsetTimeout%28function%28%29%7B%0A%09%09%09leoHighlightsHandleHover%28anchor.id%29%3B%0A%09%09%09anchor.hover%3Dtrue%3B%0A%09%09%09%7D%2C%0A%09%09%09LEO_HIGHLIGHTS_SHOW_DELAY_MS%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleMouseOver%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20handle%20the%20mouse%20over%20setup%20timers%20for%20the%20appropriate%20timers%0A%20*%20%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleMouseOut%28id%29%0A%7B%0A%09try%0A%09%7B%09%0A%09%09var%20anchor%3D_leoHighlightsFindElementById%28id%29%3B%0A%09%09%0A%09%09/*%20Clear%20the%20start%20timer%20if%20required%20*/%0A%09%09if%28anchor.startTimer%29%0A%09%09%09clearTimeout%28anchor.startTimer%29%3B%0A%09%09anchor.startTimer%3Dnull%3B%0A%09%09%0A%09%09anchor.style.background%3DLEO_HIGHLIGHTS_BACKGROUND_STYLE_DEFAULT%3B%0A%09%09if%28%21anchor.shown||%21anchor.hover%29%0A%09%09%09return%3B%0A%09%09%0A%09%09/*%20Setup%20the%20start%20timer%20if%20required%20*/%0A%09%09anchor.endTimer%3DsetTimeout%28function%28%29%7B%0A%09%09%09leoHighlightsHideElem%28LEO_HIGHLIGHTS_IFRAME_DIV_ID%29%3B%0A%09%09%09anchor.shown%3Dfalse%3B%0A%09%09%09_leoHighlightsPrevElem%3Dnull%3B%0A%09%09%09%7D%2CLEO_HIGHLIGHTS_HIDE_DELAY_MS%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleMouseOut%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20This%20handles%20the%20mouse%20movement%20into%20the%20currently%20opened%20window.%0A%20*%20Just%20clear%20the%20close%20timer%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleIFrameMouseOver%28%29%0A%7B%0A%09try%0A%09%7B%0A%09%09if%28_leoHighlightsPrevElem%26%26_leoHighlightsPrevElem.endTimer%29%0A%09%09%09clearTimeout%28_leoHighlightsPrevElem.endTimer%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleIFrameMouseOver%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20This%20handles%20the%20mouse%20movement%20into%20the%20currently%20opened%20window.%0A%20*%20Just%20clear%20the%20close%20timer%0A%20*%20%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleIFrameMouseOut%28%29%0A%7B%0A%09try%0A%09%7B%0A%09%09if%28_leoHighlightsPrevElem%29%0A%09%09%09leoHighlightsHandleMouseOut%28_leoHighlightsPrevElem.id%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleIFrameMouseOut%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A/**%0A%20*%20This%20is%20a%20method%20is%20used%20to%20make%20the%20javascript%20within%20IE%20runnable%0A%20*/%0Avar%20leoHighlightsRanUpdateDivs%3Dfalse%3B%0Afunction%20leoHighlightsUpdateDivs%28%29%0A%7B%0A%09try%0A%09%7B%0A%09%09/*%20Check%20if%20this%20is%20an%20IE%20browser%20and%20if%20divs%20have%20been%20updated%20already%20*/%0A%09%09if%28document.all%26%26%21leoHighlightsRanUpdateDivs%29%0A%09%09%7B%0A%09%09%09leoHighlightsRanUpdateDivs%3Dtrue%3B%20//%20Set%20early%20to%20prevent%20running%20twice%0A%09%09%09for%28var%20i%3D0%3Bi%3CLEO_HIGHLIGHTS_MAX_HIGHLIGHTS%3Bi++%29%0A%09%09%09%7B%0A%09%09%09%09var%20id%3D%22leoHighlights_Underline_%22+i%3B%0A%09%09%09%09var%20elem%3D_leoHighlightsFindElementById%28id%29%3B%0A%09%09%09%09if%28elem%3D%3Dnull%29%0A%09%09%09%09%09break%3B%0A%09%09%09%09%0A%09%09%09%09if%28%21elem.leoChanged%29%0A%09%09%09%09%7B%0A%09%09%09%09%09elem.leoChanged%3Dtrue%3B%0A%09%09%09%09%0A%09%09%09%09%09/*%20This%20will%20make%20javaScript%20runnable%20*/%09%09%09%09%0A%09%09%09%09%09elem.outerHTML%3Delem.outerHTML%3B%0A%09%09%09%09%7D%0A%09%09%09%7D%0A%09%09%7D%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsUpdateDivs%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0Aif%28document.all%29%0A%09setTimeout%28leoHighlightsUpdateDivs%2C200%29%3B%0A%0A%0A/**%0A%20*%20This%20is%20used%20to%20report%20events%20to%20the%20plugin%0A%20*%20@param%20key%0A%20*%20@param%20domain%0A%20*%20@param%20keywords%0A%20*%20@param%20vendorId%0A%20*%20@param%20accept%0A%20*%20@param%20reject%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsReportEvent%28key%2C%20domain%2Ckeywords%2CvendorId%2Caccept%2Creject%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22key%22%2Ckey%29%3B%0A%20%20%20%20%20%20if%28domain%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22domain%22%2Cdomain%29%3B%0A%20%20%20%20%20%20if%28keywords%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22keywords%22%2Ckeywords%29%3B%0A%20%20%20%20%20%20if%28vendorId%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22vendorId%22%2CvendorId%29%3B%0A%20%20%20%20%20%20if%28accept%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22accept%22%2Caccept%29%3B%0A%20%20%20%20%20%20if%28reject%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22reject%22%2Creject%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsEvent%22%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlights%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20expand%20or%20collapse%20the%20window%20base%20on%20it%20prior%20state%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsToggleSize%28clickId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsToggleSize%28%29%20%22+_leoHighlightsPrevElem%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20hover%20flag%20and%20change%20the%20status%20*/%0A%20%20%20%20%20%20var%20size%3D_leoHighlightsPrevElem.hover?1%3A0%3B%0A%20%20%20%20%20%20_leoHighlightsSetBottomSize%28size%2CclickId%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsToggleSize%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20Call%20into%20the%20kvm%20that%20will%20then%20do%20a%20callback%20into%20the%20top%20window%0A%20*%20The%20top%20window%20will%20then%20call%20leoH%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsSetSecondaryWindowUrl%28url%2C%20customerId%2C%20phraseId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrl%28%29%20%22+url%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22url%22%2C%20url%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22phraseId%22%2C%20phraseId%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22customerId%22%2C%20customerId%29%3B%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsSetSecondaryWindowUrl%22%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSetSecondaryWindowUrl%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20Call%20into%20the%20kvm%20that%20will%20then%20do%20a%20callback%20into%20the%20top%20window%0A%20*%20The%20top%20window%20will%20then%20call%20leoH%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsSetSecondaryWindowUrlCallback%28url%2C%20customerId%2C%20phraseId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%20%22+url%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Clear%20the%20hover%20flag%2C%20if%20the%20user%20shows%20this%20at%20full%20size%20*/%0A%20%20%20%20%20%20var%20size%3D_leoHighlightsPrevElem.hover?0%3A1%3B%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%20%22+_leoHighlightsPrevElem+%22%20--%20%22+_leoHighlightsPrevElem.hover%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20elements%20*/%0A%20%20%20%20%20%20var%20iFrameBottom%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20%20%20%20leoHighlightsUpdateUrl%28iFrameBottom%2Csize%2Cnull%2Curl%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%20%22+url%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20set%20the%20text%20to%20the%20Top%20%0A%20*%20%0A%20*%20@param%20txt%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsSetExpandTxt%28txt%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20var%20topIFrame%20%3D%20_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%20%20%20%20%20%20if%28topIFrame%3D%3Dnull%29%0A%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20current%20url%20*/%0A%20%20%20%20%20%20var%20url%3DtopIFrame.src%3B%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28url%3D%3Dnull%29%0A%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Extract%20the%20previous%20hash%20if%20present%20*/%0A%20%20%20%20%20%20var%20idx%3D-1%3B%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28%28idx%3Durl.indexOf%28%27%23%27%29%29%3E0%29%0A%20%20%20%20%20%20%20%20%20url%3Durl.substring%280%2Cidx%29%3B%0A%0A%20%20%20%20%20%20/*%20Append%20the%20text%20to%20the%20end%20*/%0A%20%20%20%20%20%20url+%3D%22%23%22+encodeURI%28txt%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Set%20the%20iframe%20with%20the%20new%20url%20that%20contains%20the%20hash%20tag%20*/%0A%20%20%20%20%20%20topIFrame.src%3Durl%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSetExpandTxt%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/*----------------------------------------------------------------------*/%0A/*%20Methods%20provided%20to%20the%20highlight%20providers...%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20*/%0A/*----------------------------------------------------------------------*/%0A%0A/**%0A%20*%20This%20will%20set%20the%20expand%20text%20for%20the%20Top%20window%0A%20*/%0Afunction%20leoHL_SetExpandTxt%28txt%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHL_SetExpandTxt%28%29%20%22+txt%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsSimpleGwCallBack%28%22LeoHighlightsSetExpandTxt%22%2C%22expandTxt%22%2Ctxt%29%3B%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_SetExpandTxt%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20@return%0A%20*/%0Afunction%20leoHL_RedirectTop%28url%2CparentId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20try%7B%0A%20%20%20%20%20%20%20%20%20var%20domain%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22domain%22%29%0A%20%20%20%20%20%20%20%20%20var%20keywords%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22keywords%22%29%0A%20%20%20%20%20%20%20%20%20var%20vendorId%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22vendorId%22%29%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22clickthrough%22%2C%20domain%2Ckeywords%2C%20vendorId%29%3B%0A%20%20%20%20%20%20%7Dcatch%28e%29%7B%0A%20%20%20%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_RedirectTop%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%20%20%20%7D%0A%20%20%09%09%0A%20%20%20%09_leoHighlightsRedirectTop%28url%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHL_RedirectTop%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20@return%0A%20*/%0Afunction%20LeoHL_RedirectTop%28url%2CparentId%29%0A%7B%0A%20%20%20leoHL_RedirectTop%28url%2CparentId%29%3B%0A%7D%0A%0A/**%0A%20*%20This%20will%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20@return%0A%20*/%0Afunction%20leoHL_RedirectTopAd%28url%2CparentId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20try%7B%0A%20%20%20%20%20%20%20%20%20var%20domain%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22domain%22%29%0A%20%20%20%20%20%20%20%20%20var%20keywords%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22keywords%22%29%0A%20%20%20%20%20%20%20%20%20var%20vendorId%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22vendorId%22%29%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22advertisement.click%22%2C%20domain%2Ckeywords%2C%20vendorId%29%3B%0A%20%20%20%20%20%20%7Dcatch%28e%29%7B%0A%20%20%20%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_RedirectTopAd%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsRedirectTop%28url%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_RedirectTopAd%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20set%20the%20size%20of%20the%20iframe%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHl_setSize%28size%2Curl%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09/*%20Get%20the%20clickId%20*/%0A%20%20%20%09var%20clickId%3D_leoHighlightsGetUrlArg%28%20url%2C%22clickId%22%29%0A%20%20%20%09%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22size%22%2Csize%29%3B%0A%20%20%20%20%20%20if%28clickId%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22clickId%22%2CclickId+%22_blah%22%29%3B%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsSetSize%22%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHl_setSize%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20toggle%20the%20size%20of%20the%20window%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHl_ToggleSize%28%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsToggleSize%22%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHl_ToggleSize%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A");
&lt;/script&gt;&lt;span id="leoHighlights_iframe_modal_span_container"&gt;&lt;/span&gt;  &lt;br /&gt;
&lt;input id="gwProxy" type="hidden" /&gt;&lt;input id="jsProxy" onclick="jsCall();" type="hidden" /&gt;&lt;br /&gt;
&lt;div id="refHTML"&gt;&lt;/div&gt;&lt;input id="gwProxy" type="hidden" /&gt;&lt;!--Session data--&gt;&lt;input id="jsProxy" onclick="if(typeof(jsCall)=='function'){jsCall();}else{setTimeout('jsCall()',500);}" type="hidden" /&gt;&lt;div id="refHTML"&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6600280610042840118-5680922155073154022?l=call4teachers.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=bT0li_Y7RHs:6ifbaRDlQ4Y:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=bT0li_Y7RHs:6ifbaRDlQ4Y:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=bT0li_Y7RHs:6ifbaRDlQ4Y:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=bT0li_Y7RHs:6ifbaRDlQ4Y:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=bT0li_Y7RHs:6ifbaRDlQ4Y:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=bT0li_Y7RHs:6ifbaRDlQ4Y:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=bT0li_Y7RHs:6ifbaRDlQ4Y:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=bT0li_Y7RHs:6ifbaRDlQ4Y:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=bT0li_Y7RHs:6ifbaRDlQ4Y:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~4/bT0li_Y7RHs" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~3/bT0li_Y7RHs/4-e-model-for-pedagogical-technology.html</link><author>noreply@blogger.com (Ammar Merhbi)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh3.ggpht.com/_wUm7j9z-aU4/S8-Mc1Q87ZI/AAAAAAAAAuU/ZlW8SZl9ZM8/s72-c/image_thumb%5B4%5D.png?imgmax=800" height="72" width="72" /><thr:total>6</thr:total><feedburner:origLink>http://call4teachers.blogspot.com/2010/04/4-e-model-for-pedagogical-technology.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6600280610042840118.post-4688334734871141318</guid><pubDate>Thu, 08 Apr 2010 11:12:00 +0000</pubDate><atom:updated>2010-04-22T10:17:03.749+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Technology</category><category domain="http://www.blogger.com/atom/ns#">social networking</category><category domain="http://www.blogger.com/atom/ns#">microblogging</category><category domain="http://www.blogger.com/atom/ns#">education</category><category domain="http://www.blogger.com/atom/ns#">twitter</category><category domain="http://www.blogger.com/atom/ns#">Web 2.0</category><category domain="http://www.blogger.com/atom/ns#">PLN</category><category domain="http://www.blogger.com/atom/ns#">Social network</category><title>Professional Learning Networks for Teachers</title><description>&lt;div align="justify"&gt;&lt;a href="http://lh5.ggpht.com/_wUm7j9z-aU4/S726B0l8EnI/AAAAAAAAAqE/JYLL87Tp534/s1600-h/pln1%5B24%5D.jpg"&gt;&lt;img align="right" alt=" http://franksblog.edublogs.org/2009/01/16/get-connected/" border="0" height="297" src="http://lh6.ggpht.com/_wUm7j9z-aU4/S726DPOI2ZI/AAAAAAAAAqI/-n319z4tFzk/pln1_thumb%5B22%5D.jpg?imgmax=800" style="border-width: 0px; display: inline; margin: 35px 0px 10px 15px;" title=" http://franksblog.edublogs.org/2009/01/16/get-connected/" width="277" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: xx-small;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: small;"&gt;Many language teachers are more and more comfortable with &lt;leo_highlight id="leoHighlights_Underline_0" leohighlights_keywords="technology" leohighlights_underline="true" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_0')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_0')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_0')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 50%; background-repeat: repeat; border-bottom: 2px solid rgb(255, 255, 150); cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt; in their daily mundane life though most do not infuse their &lt;leo_highlight id="leoHighlights_Underline_1" leohighlights_keywords="technology" leohighlights_underline="true" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_1')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_1')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_1')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 50%; background-repeat: repeat; border-bottom: 2px solid rgb(255, 255, 150); cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt; into the classroom context. This is probably due to the fear of taking risks and experimenting in the classroom. Those same teachers log on everyday online and socialize with friends and colleagues. But that’s just about it. With the increase use of web2.0 &lt;leo_highlight id="leoHighlights_Underline_2" leohighlights_keywords="technology" leohighlights_underline="true" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_2')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_2')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_2')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 50%; background-repeat: repeat; border-bottom: 2px solid rgb(255, 255, 150); cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt; in all aspects of communications, educators around the world can link with each other to share beliefs, ideas, resources, and innovations in education. &lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: small;"&gt;In my teaching context teachers log online everyday, for hours, to socialize and check on other people’s news and updates. Social networking has been largely adopted, often with ease, by all educators, whether tech comfy/savvy or not ( e.g. &lt;leo_highlight id="leoHighlights_Underline_3" leohighlights_keywords="facebook" leohighlights_underline="true" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dfacebook%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dfacebook%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_3')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_3')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_3')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 50%; background-repeat: repeat; border-bottom: 2px solid rgb(255, 255, 150); cursor: pointer; display: inline;"&gt;Facebook&lt;/leo_highlight&gt;, MySpace, Hi5, &lt;leo_highlight id="leoHighlights_Underline_4" leohighlights_keywords="twitter" leohighlights_underline="true" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtwitter%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtwitter%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_4')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_4')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_4')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 50%; background-repeat: repeat; border-bottom: 2px solid rgb(255, 255, 150); cursor: pointer; display: inline;"&gt;twitter&lt;/leo_highlight&gt;, and others…). If a teacher logs online for educational purposes, he/she acts as a passive participant. Common behaviors include downloading resources such as worksheets, videos, etc…&lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: small;"&gt;From social networking software appeared the professional learning network. It is a network of educators who share knowledge together, sometimes in a collaborative mode. The teacher is now able to open up to the wider international educators to enrich his/her and benefit other teachers with this socio-cultural approach.&lt;/span&gt;&lt;/div&gt;&lt;h3 align="justify"&gt;&lt;i&gt;&lt;u&gt;&lt;span style="color: blue;"&gt;Professional/Personal Learning Networks&lt;/span&gt;&lt;/u&gt;&lt;/i&gt;&lt;/h3&gt;&lt;div align="justify"&gt;&lt;span style="font-size: small;"&gt;The best professional learning networks are usually social networking environments and&amp;nbsp; micro blogging.&lt;/span&gt;&lt;/div&gt;&lt;h4 align="justify"&gt;Social networking environments&lt;/h4&gt;&lt;a href="http://ning.com/" target="_blank"&gt;&lt;img align="left" alt="ninglogo" border="0" height="95" src="http://lh6.ggpht.com/_wUm7j9z-aU4/S726Dyt1YiI/AAAAAAAAAqM/-Nf6U_qFeZo/ninglogo%5B23%5D.jpg?imgmax=800" style="border-width: 0px; display: inline; margin: 15px 15px 0px 0px;" title="ninglogo" width="113" /&gt;&lt;/a&gt;  &lt;br /&gt;
&lt;div align="justify"&gt;&lt;span style="font-size: small;"&gt;To me Ning is at the top of the list here ( though others like &lt;leo_highlight id="leoHighlights_Underline_5" leohighlights_keywords="facebook" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dfacebook%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dfacebook%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_5')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_5')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_5')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;Facebook&lt;/leo_highlight&gt; has potentials). Ning is a social environment where like-minded people can share ideas and discuss on what interests them. &lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: small;"&gt;Classroom20 is one great PLN ( professional/personal learning network) where educators all around the globe join in for one reason “How to improve education, especially with the use of web2.0.” &lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: small;"&gt;The &lt;/span&gt;&lt;a href="http://arcallmashup.ning.com/" target="_blank"&gt;&lt;span style="font-size: small;"&gt;Arcal and Webhead Learning Hub&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: small;"&gt; is a network of teachers helping other teachers integrate ICT in their teaching. The &lt;/span&gt;&lt;a href="http://eflclassroom.ning.com/" target="_blank"&gt;&lt;span style="font-size: small;"&gt;eflclassroom&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: small;"&gt; is another edu ning network where ELTs collaborate and discuss issues that concerns them as English language teachers and educator. &lt;/span&gt;&lt;a href="http://eflclassroom.ning.com/" target="_blank"&gt;&lt;span style="font-size: small;"&gt;Eflclassoom&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: small;"&gt; is abundant with resources for the English teacher. However, that best resource is the discussion that goes on between teachers.&lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: small;"&gt;There are also special interest education networks like &lt;/span&gt;&lt;a href="http://education.ning.com/" target="_blank"&gt;&lt;span style="font-size: small;"&gt;ning in education&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: small;"&gt; ( Best practices on using ning for educational purposes), &lt;/span&gt;&lt;a href="http://tech-in-ed.ning.com/" target="_blank"&gt;&lt;span style="font-size: small;"&gt;Technology Integration in Education&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: small;"&gt; ( Sharing and discussing best ways on integrating &lt;leo_highlight id="leoHighlights_Underline_6" leohighlights_keywords="technology" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_6')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_6')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_6')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt; in the classroom), &lt;/span&gt;&lt;a href="http://www.futureofeducation.com/" target="_blank"&gt;&lt;span style="font-size: small;"&gt;The Future of Education&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: small;"&gt; ( charting the course of teaching an learning in a networked world)), &lt;/span&gt;&lt;a href="http://www.learncentral.org/" target="_blank"&gt;&lt;span style="font-size: small;"&gt;learncentral&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: small;"&gt; ( asynchronous social networking and the ability to store, organize, and find educational resources with the live, online meeting and collaboration provided by &lt;/span&gt;&lt;a href="http://elluminate.com/" target="_blank"&gt;&lt;span style="font-size: small;"&gt;Elluminate&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: small;"&gt; &lt;leo_highlight id="leoHighlights_Underline_7" leohighlights_keywords="technology" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_7')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_7')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_7')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;technology&lt;/leo_highlight&gt;), &lt;/span&gt;&lt;a href="http://gamesinschools.ning.com/" target="_blank"&gt;&lt;span style="font-size: small;"&gt;Games in Education&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: small;"&gt; ( use of electronic games in pedagogical context), and &lt;/span&gt;&lt;a href="http://iatefl-ltsig.ning.com/" target="_blank"&gt;&lt;span style="font-size: small;"&gt;IATEFL learning technologies&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp; to name a few …&lt;/span&gt;&lt;/div&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;h4 align="justify"&gt;&lt;i&gt;Microblogging : &lt;a href="http://twitter.com/" target="_blank"&gt;Twitter&lt;/a&gt;&lt;/i&gt;&lt;/h4&gt;&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;a href="http://twitter.com/" target="_blank"&gt;&lt;span style="font-size: small;"&gt;&lt;img align="left" alt="twitter-bird" border="0" height="97" src="http://lh5.ggpht.com/_wUm7j9z-aU4/S726EWxuLGI/AAAAAAAAAqQ/NKM2tolnxrQ/twitter-bird%5B6%5D.png?imgmax=800" style="border-width: 0px; display: inline; margin: 0px 15px 0px 0px;" title="twitter-bird" width="97" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: small;"&gt; is considered by educators the best PLN as it enables educators to share resources and discuss issues in a 140 character message. When an educator first starts tweeting her/she does not fell the significance of &lt;leo_highlight id="leoHighlights_Underline_8" leohighlights_keywords="twitter" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtwitter%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtwitter%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_8')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_8')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_8')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;twitter&lt;/leo_highlight&gt; until he/she follow other educators’ updates and those in return follow his/hers.      &lt;br /&gt;
I have seen educators who wanted to start tweeting but couldn’t find educators to follow &lt;img alt="Shame on you" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif" /&gt; . &lt;/span&gt;&lt;a href="http://c4lpt.co.uk/" target="_blank"&gt;&lt;span style="font-size: small;"&gt;C4lpt&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: small;"&gt; provides a &lt;/span&gt;&lt;a href="http://www.c4lpt.co.uk/connexions/index.html" target="_blank"&gt;&lt;span style="font-size: small;"&gt;directory of learning professionals&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: small;"&gt; who have online presence and are active participants. Notice that most professionals have &lt;leo_highlight id="leoHighlights_Underline_9" leohighlights_keywords="twitter" leohighlights_underline="false" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtwitter%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtwitter%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_9')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_9')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_9')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"&gt;twitter&lt;/leo_highlight&gt; accounts. So this is a place to start. Follow these professionals and read their updates, retweet them, reply to them, and update your status frequently ( at least for the first few months) and you can have a faithful PLN who are willing to answer any questions that concern you.      &lt;br /&gt;
There are also discussions or chats that educators hold frequently like &lt;/span&gt;&lt;a href="http://twitter.com/#search?q=edchat" target="_blank"&gt;&lt;span style="font-size: small;"&gt;#edchat&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: small;"&gt; and &lt;/span&gt;&lt;a href="http://twitter.com/#search?q=edtech" target="_blank"&gt;&lt;span style="font-size: small;"&gt;#edtech&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: small;"&gt; where educators focus on one topic to explore.     &lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;h4&gt;&lt;i&gt;caveat&lt;/i&gt;&lt;a href="http://lh6.ggpht.com/_wUm7j9z-aU4/S726HqnuQtI/AAAAAAAAAqU/qm_nReU0ddE/s1600-h/image%5B5%5D.png"&gt;&lt;img align="left" alt="image" border="0" height="123" src="http://lh4.ggpht.com/_wUm7j9z-aU4/S726IqgoksI/AAAAAAAAAqY/0bUPNBQQHcA/image_thumb%5B3%5D.png?imgmax=800" style="border-width: 0px; display: inline; margin: 10px 15px 0px 0px;" title="image" width="134" /&gt;&lt;/a&gt;&amp;nbsp; &lt;/h4&gt;&lt;div align="justify"&gt;&lt;span style="font-size: small;"&gt;As an educator, you should know that working in isolation does not benefit you, your students, or your educational institution. In addition, being a passive educator only observing educators sharing their ideas without stepping in does not help much in your professional development. One can be educated and trained but not developed by someone else. Development comes from within. That is why you as an educator, in order to actively build a community of practice, should be an active participant, whenever you can, in your PLN in order to maximize your benefit.      &lt;br /&gt;
&lt;/span&gt;    &lt;br /&gt;
&lt;/div&gt;&lt;div class="wlWriterEditableSmartContent" id="scid:0767317B-992E-4b12-91E0-4F059A8CECA8:c8151b1a-eed6-4ba0-a362-382dcf57fcf7" style="display: inline; float: none; margin: 0px; padding: 0px;"&gt;Technorati Tags: &lt;a href="http://technorati.com/tags/social+networking" rel="tag"&gt;social networking&lt;/a&gt;,&lt;a href="http://technorati.com/tags/twitter" rel="tag"&gt;twitter&lt;/a&gt;,&lt;a href="http://technorati.com/tags/microblogging" rel="tag"&gt;microblogging&lt;/a&gt;,&lt;a href="http://technorati.com/tags/PLN" rel="tag"&gt;PLN&lt;/a&gt;&lt;/div&gt;&lt;input id="gwProxy" type="hidden" /&gt;&lt;input id="jsProxy" onclick="jsCall();" type="hidden" /&gt;  &lt;br /&gt;
&lt;div id="refHTML"&gt;&lt;/div&gt;&lt;span id="leoHighlights_iframe_modal_span_container"&gt;   &lt;/span&gt;&lt;br /&gt;
&lt;div id="leoHighlights_iframe_modal_div_container" onmouseout="leoHighlightsHandleIFrameMouseOut();" onmouseover="leoHighlightsHandleIFrameMouseOver();" style="display: none; height: 391px; position: absolute; visibility: hidden; width: 520px; z-index: 2147483647;"&gt;&lt;iframe allowtransparency="allowtransparency" frameborder="0" height="294" id="leoHighlights_top_iframe" marginheight="0" marginwidth="0" name="leoHighlights_top_iframe" scrolling="no" src="about:blank" style="height: 294px; left: 0px; position: absolute; top: 0px; width: 520px; z-index: 2147483647;" title="leoHighlights_top_iframe" width="520"&gt;&lt;/iframe&gt;&lt;iframe allowtransparency="allowtransparency" frameborder="0" id="leoHighlights_bottom_iframe" marginheight="0" marginwidth="0" name="leoHighlights_bottom_iframe" scrolling="no" src="about:blank" style="left: 96px; position: absolute; top: 294px; z-index: 2147483647;" title="leoHighlights_bottom_iframe"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;script defer="defer" type="text/javascript"&gt;
   var LEO_HIGHLIGHTS_INFINITE_LOOP_COUNT =              300;   var LEO_HIGHLIGHTS_MAX_HIGHLIGHTS =                   50;   var LEO_HIGHLIGHTS_IFRAME_TOP_ID =                    "leoHighlights_top_iframe";   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID =                 "leoHighlights_bottom_iframe";   var LEO_HIGHLIGHTS_IFRAME_DIV_ID =                    "leoHighlights_iframe_modal_div_container";         var LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_WIDTH =     520;   var LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_HEIGHT =    391;      var LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_WIDTH =      520;   var LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_HEIGHT =     665;      var LEO_HIGHLIGHTS_IFRAME_TOP_POS_X =                 0;   var LEO_HIGHLIGHTS_IFRAME_TOP_POS_Y =                 0;   var LEO_HIGHLIGHTS_IFRAME_TOP_WIDTH =                 520;   var LEO_HIGHLIGHTS_IFRAME_TOP_HEIGHT =                294;      var LEO_HIGHLIGHTS_IFRAME_BOTTOM_POS_X =              96;   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_POS_Y =              294;   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_WIDTH =    425;   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_HEIGHT =   97;   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_WIDTH =     425;   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_HEIGHT =    371;            var LEO_HIGHLIGHTS_SHOW_DELAY_MS =                    300;   var LEO_HIGHLIGHTS_HIDE_DELAY_MS =                    750;      var LEO_HIGHLIGHTS_BACKGROUND_STYLE_DEFAULT =         "transparent none repeat scroll 0% 0%";   var LEO_HIGHLIGHTS_BACKGROUND_STYLE_HOVER =           "rgb(245, 245, 0) none repeat scroll 0% 0%";   var LEO_HIGHLIGHTS_ROVER_TAG =                        "711-36858-13496-14";   createInlineScriptElement("var%20LEO_HIGHLIGHTS_DEBUG%20%3D%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20false%3B%0Avar%20LEO_HIGHLIGHTS_DEBUG_POS%20%3D%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20false%3B%0A%20%20%20%0Avar%20_leoHighlightsPrevElem%20%3D%20null%3B%0A%0A/**%0A%20*%20Checks%20if%20the%20passed%20in%20class%20exists%0A%20*%20@param%20c%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsClassExists%28c%29%20%7B%0A%20%20%20return%20typeof%28c%29%20%3D%3D%20%22function%22%20%26%26%20typeof%28c.prototype%29%20%3D%3D%20%22object%22%20?%20true%20%3A%20false%3B%0A%7D%0A%0A/**%0A%20*%20Checks%20if%20the%20firebug%20console%20is%20available%0A%20*%20@param%20c%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsFirebugConsoleAvailable%28c%29%20%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsClassExists%28_FirebugConsole%29%20%26%26%20%0A%20%20%20%20%20%20%20%20%20window.console%20%26%26%20console.log%20%26%26%20%0A%20%20%20%20%20%20%20%20%20%28console%20instanceof%20_FirebugConsole%29%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20return%20true%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%7D%0A%20%20%20catch%28e%29%7B%7D%0A%20%20%20%0A%20%20%20return%20false%3B%0A%7D%20%0A%0A%0A/**%0A%20*%20General%20method%20used%20to%20debug%20exceptions%0A%20*%20%0A%20*%20@param%20location%0A%20*%20@param%20e%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsReportExeception%28location%2Ce%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsFirebugConsoleAvailable%28%29%20||LEO_HIGHLIGHTS_DEBUG%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20var%20logString%3Dlocation+%22%3A%20%22+e+%22%5Cn%5Ct%22+e.name+%22%5Cn%5Ct%22+%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%28e.number%260xFFFF%29+%22%5Cn%5Ct%22+e.description%3B%0A%20%20%20%20%20%20%20%20%20if%28_leoHighlightsFirebugConsoleAvailable%28%29%29%0A%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20console.error%28logString%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20console.trace%28%29%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28LEO_HIGHLIGHTS_DEBUG%29%0A%20%20%20%20%20%20%20%20%20alert%28logString%29%3B%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%7B%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20log%20a%20string%20to%20the%20firebug%20console%0A%20*%20%0A%20*%20@param%20str%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsDebugLog%28str%29%0A%7B%20%20%20%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsFirebugConsoleAvailable%28%29%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20console.log%28typeof%28_FirebugConsole%29+%22%20%22+str%29%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22_leoHighlightsDebugLog%28%29%20%22+str%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20get%20an%20attribute%20and%20decode%20it.%0A%20*%20%0A%20*%20@param%20elem%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetAttrib%28elem%2Cid%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20val%3Delem.getAttribute%28id%29%3B%0A%20%20%20%20%20%20return%20decodeURI%28val%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22_leoHighlightsGetAttrib%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%20%20%20return%20null%3B%0A%7D%0A%0A/**%0A%20*%20This%20is%20a%20dimensions%20object%0A%20*%20%0A%20*%20@param%20width%0A%20*%20@param%20height%0A%20*%20@return%0A%20*/%0Afunction%20LeoHighlightsDimension%28width%2Cheight%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09this.width%3Dwidth%3B%0A%20%20%20%09this.height%3Dheight%3B%0A%20%20%20%09this.toString%3Dfunction%28%29%20%7B%20return%20%28%22%28%22+this.width+%22%2C%22+this.height+%22%29%22%29%3B%7D%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22new%20LeoHighlightsDimension%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20is%20a%20Position%20object%0A%20*%20%0A%20*%20@param%20x%0A%20*%20@param%20y%0A%20*%20@return%0A%20*/%0Afunction%20LeoHighlightsPosition%28x%2Cy%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09this.x%3Dx%3B%0A%20%20%20%09this.y%3Dy%3B%0A%20%20%20%09this.toString%3Dfunction%28%29%20%7B%20return%20%28%22%28%22+this.x+%22%2C%22+this.y+%22%29%22%29%3B%7D%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22new%20LeoHighlightsPosition%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0Avar%20LEO_HIGHLIGHTS_ADJUSTMENT%20%3D%20new%20LeoHighlightsPosition%283%2C3%29%3B%0Avar%20LEO_HIGHLIGHTS_IFRAME_TOP_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_TOP_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_TOP_HEIGHT%29%3B%0Avar%20LEO_HIGHLIGHTS_IFRAME_BOTTOM_HOVER_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_HEIGHT%29%3B%0Avar%20LEO_HIGHLIGHTS_IFRAME_BOTTOM_CLICK_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_HEIGHT%29%3B%0A%0Avar%20LEO_HIGHLIGHTS_DIV_HOVER_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_HEIGHT%29%3B%0Avar%20LEO_HIGHLIGHTS_DIV_CLICK_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_HEIGHT%29%3B%0A%0A%0A/**%0A%20*%20Sets%20the%20size%20of%20the%20passed%20in%20element%0A%20*%20%0A%20*%20@param%20elem%0A%20*%20@param%20dim%20%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsSetSize%28elem%2Cdim%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09//%20Set%20the%20popup%20location%0A%20%20%20%09elem.style.width%20%3D%20dim.width%20+%20%22px%22%3B%0A%20%20%20%09if%28elem.width%29%0A%20%20%20%09%09elem.width%3Ddim.width%3B%0A%20%20%20%09elem.style.height%20%20%3D%20dim.height%20+%20%22px%22%3B%0A%20%20%20%09if%28elem.height%29%0A%20%20%20%09%09elem.height%3Ddim.height%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsSetSize%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20can%20be%20used%20for%20a%20simple%20one%20argument%20callback%0A%20*%0A%20*%20@param%20callName%0A%20*%20@param%20argName%0A%20*%20@param%20argVal%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsSimpleGwCallBack%28callName%2CargName%2C%20argVal%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20if%28argName%29%0A%20%20%20%20%20%20%09gwObj.addParam%28argName%2CargVal%29%3B%0A%20%20%20%20%20%20gwObj.callName%28callName%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsSimpleGwCallBack%28%29%20%22+callName%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20gets%20a%20url%20argument%20from%20the%20current%20document.%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetUrlArg%28url%2C%20name%20%29%0A%7B%0A%09%20%20name%20%3D%20name.replace%28/[%5C[]/%2C%22%5C%5C%5C[%22%29.replace%28/[%5C]]/%2C%22%5C%5C%5C]%22%29%3B%0A%09%20%20var%20regexS%20%3D%20%22[%5C%5C?%26]%22+name+%22%3D%28[^%26%23]*%29%22%3B%0A%09%20%20var%20regex%20%3D%20new%20RegExp%28%20regexS%20%29%3B%0A%09%20%20var%20results%20%3D%20regex.exec%28url%29%3B%0A%09%20%20if%28%20results%20%3D%3D%20null%20%29%0A%09%20%20%20%20return%20%22%22%3B%0A%09%20%20else%0A%09%20%20%20%20return%20results[1]%3B%0A%7D%0A%0A%0A/**%0A%20*%20This%20allows%20to%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsRedirectTop%28url%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%20%20%09%0A%20%20%20%09top.location%3Durl%3B%09%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsRedirectTop%28%29%22%2Ce%29%3B%0A%20%20%20%7D%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20find%20an%20element%20by%20Id%0A%20*%20%0A%20*%20@param%20elemId%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsFindElementById%28elemId%2Cdoc%29%0A%7B%0A%09try%0A%09%7B%0A%09%20%20%20if%28doc%3D%3Dnull%29%0A%09%20%20%20%20%20%20doc%3Ddocument%3B%0A%09%20%20%20%0A%09%09var%20elem%3Ddoc.getElementById%28elemId%29%3B%0A%09%09if%28elem%29%0A%09%09%09return%20elem%3B%0A%09%09%0A%09%09/*%20This%20is%20the%20handling%20for%20IE%20*/%0A%09%09if%28doc.all%29%0A%09%09%7B%0A%09%09%09elem%3Ddoc.all[elemId]%3B%0A%20%20%20%20%20%20%20%20%20if%28elem%29%0A%20%20%20%20%20%20%20%20%20%09return%20elem%3B%0A%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20for%20%28%20var%20i%20%3D%20%28document.all.length-1%29%3B%20i%20%3E%3D%200%3B%20i--%29%20%7B%0A%20%20%20%20%20%20%20%20%20%09elem%3Ddoc.all[i]%3B%0A%20%20%20%20%20%20%20%20%20%09if%28elem.id%3D%3DelemId%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20elem%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%09%09%7D%0A%09%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsFindElementById%28%29%22%2Ce%29%3B%0A%20%20%20%7D%0A%09return%20null%3B%0A%7D%0A%0A/**%0A%20*%20Get%20the%20location%20of%20one%20element%20relative%20to%20a%20parent%20reference%0A%20*%0A%20*%20@param%20ref%0A%20*%20%20%20%20%20%20%20%20%20%20%20the%20reference%20element%2C%20this%20must%20be%20a%20parent%20of%20the%20passed%20in%0A%20*%20%20%20%20%20%20%20%20%20%20%20element%0A%20*%20@param%20elem%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetLocation%28ref%2C%20elem%29%20%7B%0A%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsGetLocation%20%22+elem.id%29%3B%0A%20%20%20%0A%20%20%20var%20count%20%3D%200%3B%0A%20%20%20var%20location%20%3D%20new%20LeoHighlightsPosition%280%2C0%29%3B%0A%20%20%20var%20walk%20%3D%20elem%3B%0A%20%20%20while%20%28walk%20%21%3D%20null%20%26%26%20walk%20%21%3D%20ref%20%26%26%20count%20%3C%20LEO_HIGHLIGHTS_INFINITE_LOOP_COUNT%29%20%7B%0A%20%20%20%20%20%20location.x%20+%3D%20walk.offsetLeft%3B%0A%20%20%20%20%20%20location.y%20+%3D%20walk.offsetTop%3B%0A%20%20%20%20%20%20walk%20%3D%20walk.offsetParent%3B%0A%20%20%20%20%20%20count++%3B%0A%20%20%20%7D%0A%20%20%20%0A%20%20%20_leoHighlightsDebugLog%28%22Location%20is%3A%20%22+elem.id+%22%20-%20%22+location%29%3B%0A%0A%20%20%20return%20location%3B%0A%7D%0A%0A/**%0A%20*%20This%20is%20used%20to%20update%20the%20position%20of%20an%20element%20as%20a%20popup%0A%20*%20%0A%20*%20@param%20IFrame%0A%20*%20@param%20anchor%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsUpdatePopupPos%28iFrame%2Canchor%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20//%20Gets%20the%20scrolled%20location%20for%20x%20and%20y%0A%20%20%20%20%20%20var%20scrolledPos%3Dnew%20LeoHighlightsPosition%280%2C0%29%3B%0A%20%20%20%20%20%20if%28%20self.pageYOffset%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20scrolledPos.x%20%3D%20self.pageXOffset%3B%0A%20%20%20%20%20%20%20%20%20scrolledPos.y%20%3D%20self.pageYOffset%3B%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.documentElement%20%26%26%20document.documentElement.scrollTop%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20scrolledPos.x%20%3D%20document.documentElement.scrollLeft%3B%0A%20%20%20%20%20%20%20%20%20scrolledPos.y%20%3D%20document.documentElement.scrollTop%3B%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.body%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20scrolledPos.x%20%3D%20document.body.scrollLeft%3B%0A%20%20%20%20%20%20%20%20%20scrolledPos.y%20%3D%20document.body.scrollTop%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20total%20dimensions%20to%20see%20what%20scroll%20bars%20might%20be%20active%20*/%0A%20%20%20%20%20%20var%20totalDim%3Dnew%20LeoHighlightsDimension%280%2C0%29%0A%20%20%20%20%20%20if%20%28document.all%20%26%26%20document.documentElement%20%26%26%20%0A%20%20%20%20%20%20%09document.documentElement.clientHeight%26%26document.documentElement.clientWidth%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%09totalDim.width%20%3D%20document.documentElement.scrollWidth%3B%0A%20%20%20%20%20%20%09totalDim.height%20%3D%20document.documentElement.scrollHeight%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20else%20if%20%28document.all%29%0A%20%20%20%20%20%20%7B%20/*%20This%20is%20in%20IE%20*/%0A%20%20%20%20%20%09%20%09totalDim.width%20%3D%20document.body.scrollWidth%3B%0A%20%20%20%20%20%20%09totalDim.height%20%3D%20document.body.scrollHeight%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20else%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%09%20totalDim.width%20%3D%20document.width%3B%0A%20%20%20%20%20%20%09%20totalDim.height%20%3D%20document.height%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20//%20Gets%20the%20location%20of%20the%20available%20screen%20space%0A%20%20%20%20%20%20var%20centerDim%3Dnew%20LeoHighlightsDimension%280%2C0%29%3B%0A%20%20%20%20%20%20if%28self.innerWidth%20%26%26%20self.innerHeight%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20centerDim.width%20%3D%20self.innerWidth-%28totalDim.height%3Eself.innerHeight?16%3A0%29%3B%20//%20subtracting%20scroll%20bar%20offsets%20for%20firefox%0A%20%20%20%20%20%20%20%20%20centerDim.height%20%3D%20self.innerHeight-%28totalDim.width%3Eself.innerWidth?16%3A0%29%3B%20%20//%20subtracting%20scroll%20bar%20offsets%20for%20firefox%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.documentElement%20%26%26%20document.documentElement.clientHeight%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20centerDim.width%20%3D%20document.documentElement.clientWidth%3B%0A%20%20%20%20%20%20%20%20%20centerDim.height%20%3D%20document.documentElement.clientHeight%3B%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.body%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20centerDim.width%20%3D%20document.body.clientWidth%3B%0A%20%20%20%20%20%20%20%20%20centerDim.height%20%3D%20document.body.clientHeight%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20//%20Get%20the%20current%20dimension%20of%20the%20popup%20element%0A%20%20%20%20%20%20var%20iFrameDim%3Dnew%20LeoHighlightsDimension%28iFrame.offsetWidth%2CiFrame.offsetHeight%29%0A%20%20%20%20%20%20if%20%28iFrameDim.width%20%3C%3D%200%29%0A%20%20%20%20%20%20%09iFrameDim.width%20%3D%20iFrame.style.width.substring%280%2C%20iFrame.style.width.indexOf%28%27px%27%29%29%3B%0A%20%20%20%20%20%20if%20%28iFrameDim.height%20%3C%3D%200%29%0A%20%20%20%20%20%20%09iFrameDim.height%20%3D%20iFrame.style.height.substring%280%2C%20iFrame.style.height.indexOf%28%27px%27%29%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Calculate%20the%20position%2C%20lower%20right%20hand%20corner%20by%20default%20*/%0A%20%20%20%20%20%20var%20position%3Dnew%20LeoHighlightsPosition%280%2C0%29%3B%0A%20%20%20%20%20%20position.x%3DscrolledPos.x+centerDim.width-iFrameDim.width-LEO_HIGHLIGHTS_ADJUSTMENT.x%3B%0A%20%20%20%20%20%20position.y%3DscrolledPos.y+centerDim.height-iFrameDim.height-LEO_HIGHLIGHTS_ADJUSTMENT.y%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28anchor%21%3Dnull%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20//centerDim%20in%20relation%20to%20the%20anchor%20element%20if%20available%0A%20%20%20%20%20%20%20%20%20var%20topOrBottom%20%3D%20false%3B%0A%20%20%20%20%20%20%20%20%20var%20anchorPos%3D_leoHighlightsGetLocation%28document.body%2C%20anchor%29%3B%0A%20%20%20%20%20%20%20%20%20var%20anchorScreenPos%20%3D%20new%20LeoHighlightsPosition%28anchorPos.x-scrolledPos.x%2CanchorPos.y-scrolledPos.y%29%3B%0A%20%20%20%20%20%20%20%20%20var%20anchorDim%3Dnew%20LeoHighlightsDimension%28anchor.offsetWidth%2Canchor.offsetHeight%29%0A%20%20%20%20%20%20%20%20%20if%20%28anchorDim.width%20%3C%3D%200%29%0A%20%20%20%20%20%20%20%20%20%09anchorDim.width%20%3D%20anchor.style.width.substring%280%2C%20anchor.style.width.indexOf%28%27px%27%29%29%3B%0A%20%20%20%20%20%20%20%20%20if%20%28anchorDim.height%20%3C%3D%200%29%0A%20%20%20%20%20%20%20%20%20%09anchorDim.height%20%3D%20anchor.style.height.substring%280%2C%20anchor.style.height.indexOf%28%27px%27%29%29%3B%0A%0A%20%20%20%20%20%20%20%20%20//%20Check%20if%20the%20popup%20can%20be%20shown%20above%20or%20below%20the%20element%0A%20%20%20%20%20%20%20%20%20if%20%28centerDim.height%20-%20anchorDim.height%20-%20iFrameDim.height%20-%20anchorScreenPos.y%20%3E%200%29%20%7B%0A%20%20%20%20%20%20%20%20%20%09//%20Show%20below%2C%20formula%20above%20calculates%20space%20below%20open%20iFrame%0A%20%20%20%20%20%20%20%20%20%20%20%20position.y%20%3D%20anchorPos.y%20+%20anchorDim.height%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20topOrBottom%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20%20%7D%20else%20if%20%28anchorScreenPos.y%20-%20anchorDim.height%20-%20iFrameDim.height%20%3E%200%29%20%7B%0A%20%20%20%20%20%20%20%20%20%09//%20Show%20above%2C%20formula%20above%20calculates%20space%20above%20open%20iFrame%0A%20%20%20%20%20%20%20%20%20%09position.y%20%3D%20anchorPos.y%20-%20iFrameDim.height%20-%20anchorDim.height%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20topOrBottom%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsUpdatePopupPos%28%29%20-%20topOrBottom%3A%20%22+topOrBottom%29%3B%0A%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20if%20%28topOrBottom%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20//%20We%20attempt%20top%20attach%20the%20window%20to%20the%20element%0A%20%20%20%20%20%20%20%20%20%09position.x%20%3D%20anchorPos.x%20-%20iFrameDim.width%20/%202%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20%28position.x%20%3C%200%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%09position.x%20%3D%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20else%20if%20%28position.x%20+%20iFrameDim.width%20%3E%20scrolledPos.x%20+%20centerDim.width%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%09position.x%20%3D%20scrolledPos.x%20+%20centerDim.width%20-%20iFrameDim.width%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsUpdatePopupPos%28%29%20-%20topOrBottom%3A%20%22+position%29%3B%0A%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20//%20Attempt%20to%20align%20on%20the%20right%20or%20left%20hand%20side%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20%28centerDim.width%20-%20anchorDim.width%20-%20iFrameDim.width%20-%20anchorScreenPos.x%20%3E%200%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20position.x%20%3D%20anchorPos.x%20+%20anchorDim.width%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20else%20if%20%28anchorScreenPos.x%20-%20anchorDim.width%20-%20iFrameDim.width%20%3E%200%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%09position.x%20%3D%20anchorPos.x%20-%20anchorDim.width%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20else%20%20//%20default%20to%20below%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20position.y%20%3D%20anchorPos.y%20+%20anchorDim.height%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsUpdatePopupPos%28%29%20-%20sideBottom%3A%20%22+position%29%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Make%20sure%20that%20we%20don%27t%20go%20passed%20the%20right%20hand%20border%20*/%0A%20%20%20%20%20%20if%28position.x+iFrameDim.width%3EcenterDim.width-20%29%0A%20%20%20%20%20%20%09position.x%3DcenterDim.width-%28iFrameDim.width+20%29%3B%0A%20%20%20%20%20%20%09%09%0A%20%20%20%20%20%20//%20Make%20sure%20that%20we%20didn%27t%20go%20passed%20the%20start%0A%20%20%20%20%20%20if%28position.x%3C0%29%0A%20%20%20%20%20%20%20%20%20position.x%3D0%3B%0A%20%20%20%20%20%20if%28position.y%3C0%29%0A%20%20%20%20%20%20%09position.y%3D0%3B%0A%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22Popup%20info%20id%3A%20%20%20%20%20%20%20%22%20+iFrame.id+%22%20-%20%22+anchor.id%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5Cnscrolled%20%20%20%20%20%20%20%20%20%20%22%20+%20scrolledPos%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5Cncenter/visible%20%20%20%20%22%20+%20centerDim%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5Cnanchor%20%28absolute%29%20%22%20+%20anchorPos%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5Cnanchor%20%28screen%29%20%20%20%22%20+%20anchorScreenPos%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5CnSize%20%28anchor%29%20%20%20%20%20%22%20+%20anchorDim%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5CnSize%20%28popup%29%20%20%20%20%20%20%22%20+%20iFrameDim%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20+%20%22%5CnResult%20pos%20%20%20%20%20%20%20%20%22%20+%20position%29%3B%0A%0A%20%20%20%20%20%20//%20Set%20the%20popup%20location%0A%20%20%20%20%20%20iFrame.style.left%20%3D%20position.x%20+%20%22px%22%3B%0A%20%20%20%20%20%20iFrame.style.top%20%20%3D%20position.y%20+%20%22px%22%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsUpdatePopupPos%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20show%20the%20passed%20in%20element%20as%20a%20popup%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@param%20size%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsShowPopup%28anchorId%2Csize%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09var%20popup%3Dnew%20LeoHighlightsPopup%28anchorId%2Csize%29%3B%0A%20%20%20%09popup.show%28%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsShowPopup%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20transform%20the%20passed%20in%20url%20to%20a%20rover%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetRoverUrl%28url%29%0A%7B%0A%09var%20rover%3DLEO_HIGHLIGHTS_ROVER_TAG%3B%0A%09var%20roverUrl%3D%22http%3A//rover.ebay.com/rover/1/%22+rover+%22/4?%26mpre%3D%22+encodeURI%28url%29%3B%0A%09%0A%09return%20roverUrl%3B%0A%7D%0A%0A/**%0A%20*%20Sets%20the%20size%20of%20the%20bottom%20windown%20part%0A%20*%20%0A%20*%20@param%20size%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsSetBottomSize%28size%2CclickId%29%0A%7B%0A%20%20%20/*%20Get%20the%20elements%20*/%0A%20%20%20var%20iFrameBottom%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20var%20iFrameDiv%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_DIV_ID%29%3B%0A%0A%20%20%20/*%20Figure%20out%20the%20correct%20sizes%20*/%0A%20%20%20var%20iFrameBottomSize%3D%28size%3D%3D1%29?LEO_HIGHLIGHTS_IFRAME_BOTTOM_CLICK_SIZE%3ALEO_HIGHLIGHTS_IFRAME_BOTTOM_HOVER_SIZE%3B%0A%20%20%20var%20divSize%3D%28size%3D%3D1%29?LEO_HIGHLIGHTS_DIV_CLICK_SIZE%3ALEO_HIGHLIGHTS_DIV_HOVER_SIZE%3B%0A%0A%20%20%20/*%20Refresh%20the%20iFrame%27s%20url%2C%20by%20removing%20the%20size%20arg%20and%20adding%20it%20again%20*/%0A%20%20%20leoHighlightsUpdateUrl%28iFrameBottom%2Csize%2CclickId%29%3B%0A%0A%20%20%20/*%20Clear%20the%20hover%20flag%2C%20if%20the%20user%20shows%20this%20at%20full%20size%20*/%0A%20%20%20_leoHighlightsPrevElem.hover%3Dsize%3D%3D1?false%3Atrue%3B%0A%0A%20%20%20_leoHighlightsSetSize%28iFrameBottom%2CiFrameBottomSize%29%3B%0A%20%20%20_leoHighlightsSetSize%28iFrameDiv%2CdivSize%29%3B%0A%7D%0A%0A%0A/**%0A%20*%20Class%20for%20a%20Popup%20%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@param%20size%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20LeoHighlightsPopup%28anchorId%2Csize%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22LeoHighlightsPopup%28%29%20%22%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09this.anchorId%3DanchorId%3B%0A%20%20%20%09this.anchor%3D_leoHighlightsFindElementById%28this.anchorId%29%3B%0A%20%20%20%09this.topIframe%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%20%20%20%20%20%20this.bottomIframe%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20%09this.iFrameDiv%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_DIV_ID%29%3B%0A%20%20%20%09%0A%20%20%20%09this.topIframe.src%3Dunescape%28this.anchor.getAttribute%28%27leoHighlights_url_top%27%29%29%3B%3B%0A%20%20%20%20%20%20this.bottomIframe.src%3Dunescape%28this.anchor.getAttribute%28%27leoHighlights_url_bottom%27%29%29%3B%3B%0A%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%221%29%20LeoHighlightsPopup%28%29%20%28%22+this.topIframe.style.top+%22%2C%20%22+this.topIframe.style.left+%22%29%22%29%3B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%222%29%20LeoHighlightsPopup%28%29%20%28%22+this.bottomIframe.style.top+%22%2C%20%22+this.bottomIframe.style.left+%22%29%22%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09leoHighlightsSetSize%28size%29%3B%0A%20%20%20%09%0A%20%20%20%09this.updatePos%3Dfunction%28%29%20%7B%20_leoHighlightsUpdatePopupPos%28this.iFrameDiv%2Cthis.anchor%29%7D%3B%0A%20%20%20%20%20%20this.show%3Dfunction%28%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20this.updatePos%28%29%3B%20%0A%20%20%20%20%20%20%20%20%20%20%20%20this.iFrameDiv.style.visibility%20%3D%20%22visible%22%3B%20%0A%20%20%20%20%20%20%20%20%20%20%20%20this.iFrameDiv.style.display%20%3D%20%22block%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20this.updatePos%28%29%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%223%29%20LeoHighlightsPopup%28%29%20%28%22+this.topIframe.style.top+%22%2C%20%22+this.topIframe.style.left+%22%29%22%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%224%29%20LeoHighlightsPopup%28%29%20%28%22+this.bottomIframe.style.top+%22%2C%20%22+this.bottomIframe.style.left+%22%29%22%29%3B%0A%20%20%20%20%20%20%7D%20%20%20%20%20%20%20%0A%20%20%20%09this.scroll%3Dfunction%28%29%20%7B%20this.updatePos%28%29%3B%7D%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22new%20LeoHighlightsPopup%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20updates%20the%20url%20for%20the%20iFrame%0A%20*%20%0A%20*%20@param%20iFrame%0A%20*%20@param%20size%0A%20*%20@param%20clickId%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsUpdateUrl%28iFrame%2Csize%2CclickId%2CdestUrl%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsUpdateUrl%28%29%20%22+destUrl%29%3B%0A%20%20%20%20%20%20var%20url%3DiFrame.src%3B%0A%20%20%20%20%20%20var%20idx%3Durl.indexOf%28%22%26size%3D%22%29%3B%0A%20%20%20%20%20%20if%28idx%3E%3D0%29%0A%20%20%20%20%20%20%20%20%20url%3Durl.substring%280%2Cidx%29%3B%0A%20%20%20%20%20%20%0A//%20%20%20%20%20%20size%3D1%3B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsUpdateUrl%28%29%20size%3D%22+size+%22%20%20%22+url%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28size%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url+%3D%28%22%26size%3D%22+size%29%3B%0A%20%20%20%20%20%20if%28clickId%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url+%3D%28%22%26clickId%3D%22+clickId%29%3B%0A%20%20%20%20%20%20if%28destUrl%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url+%3D%28%22%26url%3D%22+destUrl%29%3B%0A%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsUpdateUrl%28%29%20%22+url%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20iFrame.src%3Durl%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsUpdateUrl%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A%0A%0A/**%0A*%0A*%20This%20can%20be%20used%20to%20close%20an%20iframe%0A*%0A*%20@param%20id%0A*%20@return%0A*/%0Afunction%20leoHighlightsSetSize%28size%2CclickId%29%0A%7B%0A%09try%0A%09%7B%0A%09%09/*%20Get%20the%20element%20*/%0A%20%20%09%09var%20iFrameTop%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%0A%20%20%09%09/*%20Figure%20out%20the%20correct%20sizes%20*/%0A%20%20%09%09var%20iFrameTopSize%3DLEO_HIGHLIGHTS_IFRAME_TOP_SIZE%3B%0A%20%20%09%09%0A%20%20%09%09/*%20Refresh%20the%20iFrame%27s%20url%2C%20by%20removing%20the%20size%20arg%20and%20adding%20it%20again%20*/%0A%20%20%09%09leoHighlightsUpdateUrl%28iFrameTop%2Csize%2CclickId%29%3B%0A%20%20%09%09%0A%20%20%09%09_leoHighlightsSetSize%28iFrameTop%2CiFrameTopSize%29%3B%0A%20%20%20%20%20%20_leoHighlightsSetBottomSize%28size%2CclickId%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Clear%20the%20hover%20flag%2C%20if%20the%20user%20shows%20this%20at%20full%20size%20*/%0A%20%20%20%20%20%20if%28size%3D%3D1%26%26_leoHighlightsPrevElem%29%0A%20%20%20%20%20%20%20%20%20_leoHighlightsPrevElem.hover%3Dfalse%3B%20%20%20%20%20%20%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsSetSize%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20Start%20the%20popup%20a%20little%20bit%20delayed.%0A%20*%20Somehow%20IE%20needs%20some%20time%20to%20find%20the%20element%20by%20id.%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@param%20size%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsShowPopup%28anchorId%2Csize%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%09%09var%20elem%3D_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%09%09if%28_leoHighlightsPrevElem%26%26%28_leoHighlightsPrevElem%21%3Delem%29%29%0A%20%20%09%09%09_leoHighlightsPrevElem.shown%3Dfalse%3B%0A%20%20%09%09elem.shown%3Dtrue%3B%0A%09%09_leoHighlightsPrevElem%3Delem%3B%0A%09%09%0A%09%09_leoHighlightsDebugLog%28%22leoHighlightsShowPopup%28%29%20%22+_leoHighlightsPrevElem%29%3B%09%09%0A%20%20%20%09%0A%20%20%20%09/*%20FF%20needs%20to%20find%20the%20element%20first%20*/%0A%20%20%20%09_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%20%09%0A%20%20%20%09setTimeout%28%22_leoHighlightsShowPopup%28%5C%27%22+anchorId+%22%5C%27%2C%5C%27%22+size+%22%5C%27%29%3B%22%2C10%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHighlightsShowPopup%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A*%0A*%20This%20can%20be%20used%20to%20close%20an%20iframe%0A*%0A*%20@param%20id%0A*%20@return%0A*/%0Afunction%20leoHighlightsHideElem%28id%29%0A%7B%0A%09try%0A%09%7B%0A%09%09/*%20Get%20the%20appropriate%20sizes%20*/%0A%20%20%09%09var%20elem%3D_leoHighlightsFindElementById%28id%29%3B%0A%20%20%09%09if%28elem%29%0A%20%20%09%09%09elem.style.visibility%3D%22hidden%22%3B%0A%20%20%09%09%0A%20%20%09%09/*%20Clear%20the%20page%20for%20the%20next%20run%20through%20*/%0A%20%20%09%09var%20iFrame%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%20%20%09%09if%28iFrame%29%0A%20%20%09%09%09iFrame.src%3D%22about%3Ablank%22%3B%0A%20%20%20%20%20%20var%20iFrame%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20%20%20%20if%28iFrame%29%0A%20%20%20%20%20%20%20%20%20iFrame.src%3D%22about%3Ablank%22%3B%0A%20%20%09%09%0A%20%20%09%09%0A%20%20%09%09if%28_leoHighlightsPrevElem%29%0A%20%20%09%09%7B%0A%20%20%09%09%09_leoHighlightsPrevElem.shown%3Dfalse%3B%0A%20%20%09%09%09_leoHighlightsPrevElem%3Dnull%3B%0A%20%20%09%09%7D%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHideElem%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A*%0A*%20This%20can%20be%20used%20to%20close%20an%20iframe.%0A*%20Since%20the%20iFrame%20is%20reused%20the%20frame%20only%20gets%20hidden%0A*%0A*%20@return%0A*/%0Afunction%20leoHighlightsIFrameClose%28%29%0A%7B%0A%20%20try%0A%20%20%7B%0A%09%20%20_leoHighlightsSimpleGwCallBack%28%22LeoHighlightsHideIFrame%22%29%3B%0A%20%20%7D%0A%20%20catch%28e%29%0A%20%20%7B%0A%09%20%20_leoHighlightsReportExeception%28%22leoHighlightsIFrameClose%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20should%20handle%20the%20click%20events%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleClick%28anchorId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%09%09var%20anchor%3D_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%09%09anchor.hover%3Dfalse%3B%0A%20%20%09%09if%28anchor.startTimer%29%0A%20%20%09%09%09clearTimeout%28anchor.startTimer%29%3B%0A%20%20%20%09%0A%20%20%20%20%20%20/*%20Report%20the%20click%20event%20*/%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22clicked%22%2C%20window.document.domain%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_keywords%27%29%2Cnull%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_accept%27%29%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_reject%27%29%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09leoHighlightsShowPopup%28anchorId%2C1%29%3B%0A%20%20%20%09return%20false%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHighlightsHandleClick%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20should%20handle%20the%20hover%20events%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleHover%28anchorId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%09%09var%20anchor%3D_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%09%09anchor.hover%3Dtrue%3B%0A%20%20%09%09%0A%20%20%20%20%20%20/*%20Report%20the%20hover%20event%20*/%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22hovered%22%2C%20window.document.domain%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_keywords%27%29%2Cnull%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_accept%27%29%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_reject%27%29%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09leoHighlightsShowPopup%28anchorId%2C0%29%3B%0A%20%20%20%09return%20false%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHighlightsHandleHover%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20will%20handle%20the%20mouse%20over%20setup%20timers%20for%20the%20appropriate%20timers%0A%20*%20%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleMouseOver%28id%29%0A%7B%0A%09try%0A%09%7B%0A%09%09var%20anchor%3D_leoHighlightsFindElementById%28id%29%3B%09%09%0A%0A%09%09/*%20Clear%20the%20end%20timer%20if%20required%20*/%0A%09%09if%28anchor.endTimer%29%0A%09%09%09clearTimeout%28anchor.endTimer%29%3B%0A%09%09anchor.endTimer%3Dnull%3B%0A%09%09%0A%09%09anchor.style.background%3DLEO_HIGHLIGHTS_BACKGROUND_STYLE_HOVER%3B%0A%09%09%0A%09%09/*%20The%20element%20is%20already%20showing%20we%20are%20done%20*/%0A%09%09if%28anchor.shown%29%0A%09%09%09return%3B%0A%09%09%0A%09%09/*%20Setup%20the%20start%20timer%20if%20required%20*/%0A%09%09anchor.startTimer%3DsetTimeout%28function%28%29%7B%0A%09%09%09leoHighlightsHandleHover%28anchor.id%29%3B%0A%09%09%09anchor.hover%3Dtrue%3B%0A%09%09%09%7D%2C%0A%09%09%09LEO_HIGHLIGHTS_SHOW_DELAY_MS%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleMouseOver%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20handle%20the%20mouse%20over%20setup%20timers%20for%20the%20appropriate%20timers%0A%20*%20%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleMouseOut%28id%29%0A%7B%0A%09try%0A%09%7B%09%0A%09%09var%20anchor%3D_leoHighlightsFindElementById%28id%29%3B%0A%09%09%0A%09%09/*%20Clear%20the%20start%20timer%20if%20required%20*/%0A%09%09if%28anchor.startTimer%29%0A%09%09%09clearTimeout%28anchor.startTimer%29%3B%0A%09%09anchor.startTimer%3Dnull%3B%0A%09%09%0A%09%09anchor.style.background%3DLEO_HIGHLIGHTS_BACKGROUND_STYLE_DEFAULT%3B%0A%09%09if%28%21anchor.shown||%21anchor.hover%29%0A%09%09%09return%3B%0A%09%09%0A%09%09/*%20Setup%20the%20start%20timer%20if%20required%20*/%0A%09%09anchor.endTimer%3DsetTimeout%28function%28%29%7B%0A%09%09%09leoHighlightsHideElem%28LEO_HIGHLIGHTS_IFRAME_DIV_ID%29%3B%0A%09%09%09anchor.shown%3Dfalse%3B%0A%09%09%09_leoHighlightsPrevElem%3Dnull%3B%0A%09%09%09%7D%2CLEO_HIGHLIGHTS_HIDE_DELAY_MS%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleMouseOut%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20This%20handles%20the%20mouse%20movement%20into%20the%20currently%20opened%20window.%0A%20*%20Just%20clear%20the%20close%20timer%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleIFrameMouseOver%28%29%0A%7B%0A%09try%0A%09%7B%0A%09%09if%28_leoHighlightsPrevElem%26%26_leoHighlightsPrevElem.endTimer%29%0A%09%09%09clearTimeout%28_leoHighlightsPrevElem.endTimer%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleIFrameMouseOver%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20This%20handles%20the%20mouse%20movement%20into%20the%20currently%20opened%20window.%0A%20*%20Just%20clear%20the%20close%20timer%0A%20*%20%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleIFrameMouseOut%28%29%0A%7B%0A%09try%0A%09%7B%0A%09%09if%28_leoHighlightsPrevElem%29%0A%09%09%09leoHighlightsHandleMouseOut%28_leoHighlightsPrevElem.id%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleIFrameMouseOut%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A/**%0A%20*%20This%20is%20a%20method%20is%20used%20to%20make%20the%20javascript%20within%20IE%20runnable%0A%20*/%0Avar%20leoHighlightsRanUpdateDivs%3Dfalse%3B%0Afunction%20leoHighlightsUpdateDivs%28%29%0A%7B%0A%09try%0A%09%7B%0A%09%09/*%20Check%20if%20this%20is%20an%20IE%20browser%20and%20if%20divs%20have%20been%20updated%20already%20*/%0A%09%09if%28document.all%26%26%21leoHighlightsRanUpdateDivs%29%0A%09%09%7B%0A%09%09%09leoHighlightsRanUpdateDivs%3Dtrue%3B%20//%20Set%20early%20to%20prevent%20running%20twice%0A%09%09%09for%28var%20i%3D0%3Bi%3CLEO_HIGHLIGHTS_MAX_HIGHLIGHTS%3Bi++%29%0A%09%09%09%7B%0A%09%09%09%09var%20id%3D%22leoHighlights_Underline_%22+i%3B%0A%09%09%09%09var%20elem%3D_leoHighlightsFindElementById%28id%29%3B%0A%09%09%09%09if%28elem%3D%3Dnull%29%0A%09%09%09%09%09break%3B%0A%09%09%09%09%0A%09%09%09%09if%28%21elem.leoChanged%29%0A%09%09%09%09%7B%0A%09%09%09%09%09elem.leoChanged%3Dtrue%3B%0A%09%09%09%09%0A%09%09%09%09%09/*%20This%20will%20make%20javaScript%20runnable%20*/%09%09%09%09%0A%09%09%09%09%09elem.outerHTML%3Delem.outerHTML%3B%0A%09%09%09%09%7D%0A%09%09%09%7D%0A%09%09%7D%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsUpdateDivs%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0Aif%28document.all%29%0A%09setTimeout%28leoHighlightsUpdateDivs%2C200%29%3B%0A%0A%0A/**%0A%20*%20This%20is%20used%20to%20report%20events%20to%20the%20plugin%0A%20*%20@param%20key%0A%20*%20@param%20domain%0A%20*%20@param%20keywords%0A%20*%20@param%20vendorId%0A%20*%20@param%20accept%0A%20*%20@param%20reject%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsReportEvent%28key%2C%20domain%2Ckeywords%2CvendorId%2Caccept%2Creject%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22key%22%2Ckey%29%3B%0A%20%20%20%20%20%20if%28domain%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22domain%22%2Cdomain%29%3B%0A%20%20%20%20%20%20if%28keywords%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22keywords%22%2Ckeywords%29%3B%0A%20%20%20%20%20%20if%28vendorId%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22vendorId%22%2CvendorId%29%3B%0A%20%20%20%20%20%20if%28accept%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22accept%22%2Caccept%29%3B%0A%20%20%20%20%20%20if%28reject%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22reject%22%2Creject%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsEvent%22%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlights%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20expand%20or%20collapse%20the%20window%20base%20on%20it%20prior%20state%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsToggleSize%28clickId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsToggleSize%28%29%20%22+_leoHighlightsPrevElem%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20hover%20flag%20and%20change%20the%20status%20*/%0A%20%20%20%20%20%20var%20size%3D_leoHighlightsPrevElem.hover?1%3A0%3B%0A%20%20%20%20%20%20_leoHighlightsSetBottomSize%28size%2CclickId%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsToggleSize%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20Call%20into%20the%20kvm%20that%20will%20then%20do%20a%20callback%20into%20the%20top%20window%0A%20*%20The%20top%20window%20will%20then%20call%20leoH%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsSetSecondaryWindowUrl%28url%2C%20customerId%2C%20phraseId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrl%28%29%20%22+url%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22url%22%2C%20url%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22phraseId%22%2C%20phraseId%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22customerId%22%2C%20customerId%29%3B%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsSetSecondaryWindowUrl%22%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSetSecondaryWindowUrl%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20Call%20into%20the%20kvm%20that%20will%20then%20do%20a%20callback%20into%20the%20top%20window%0A%20*%20The%20top%20window%20will%20then%20call%20leoH%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsSetSecondaryWindowUrlCallback%28url%2C%20customerId%2C%20phraseId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%20%22+url%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Clear%20the%20hover%20flag%2C%20if%20the%20user%20shows%20this%20at%20full%20size%20*/%0A%20%20%20%20%20%20var%20size%3D_leoHighlightsPrevElem.hover?0%3A1%3B%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%20%22+_leoHighlightsPrevElem+%22%20--%20%22+_leoHighlightsPrevElem.hover%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20elements%20*/%0A%20%20%20%20%20%20var%20iFrameBottom%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20%20%20%20leoHighlightsUpdateUrl%28iFrameBottom%2Csize%2Cnull%2Curl%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%20%22+url%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20set%20the%20text%20to%20the%20Top%20%0A%20*%20%0A%20*%20@param%20txt%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsSetExpandTxt%28txt%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20var%20topIFrame%20%3D%20_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%20%20%20%20%20%20if%28topIFrame%3D%3Dnull%29%0A%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20current%20url%20*/%0A%20%20%20%20%20%20var%20url%3DtopIFrame.src%3B%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28url%3D%3Dnull%29%0A%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Extract%20the%20previous%20hash%20if%20present%20*/%0A%20%20%20%20%20%20var%20idx%3D-1%3B%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28%28idx%3Durl.indexOf%28%27%23%27%29%29%3E0%29%0A%20%20%20%20%20%20%20%20%20url%3Durl.substring%280%2Cidx%29%3B%0A%0A%20%20%20%20%20%20/*%20Append%20the%20text%20to%20the%20end%20*/%0A%20%20%20%20%20%20url+%3D%22%23%22+encodeURI%28txt%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Set%20the%20iframe%20with%20the%20new%20url%20that%20contains%20the%20hash%20tag%20*/%0A%20%20%20%20%20%20topIFrame.src%3Durl%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSetExpandTxt%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/*----------------------------------------------------------------------*/%0A/*%20Methods%20provided%20to%20the%20highlight%20providers...%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20*/%0A/*----------------------------------------------------------------------*/%0A%0A/**%0A%20*%20This%20will%20set%20the%20expand%20text%20for%20the%20Top%20window%0A%20*/%0Afunction%20leoHL_SetExpandTxt%28txt%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHL_SetExpandTxt%28%29%20%22+txt%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsSimpleGwCallBack%28%22LeoHighlightsSetExpandTxt%22%2C%22expandTxt%22%2Ctxt%29%3B%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_SetExpandTxt%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20@return%0A%20*/%0Afunction%20leoHL_RedirectTop%28url%2CparentId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20try%7B%0A%20%20%20%20%20%20%20%20%20var%20domain%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22domain%22%29%0A%20%20%20%20%20%20%20%20%20var%20keywords%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22keywords%22%29%0A%20%20%20%20%20%20%20%20%20var%20vendorId%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22vendorId%22%29%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22clickthrough%22%2C%20domain%2Ckeywords%2C%20vendorId%29%3B%0A%20%20%20%20%20%20%7Dcatch%28e%29%7B%0A%20%20%20%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_RedirectTop%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%20%20%20%7D%0A%20%20%09%09%0A%20%20%20%09_leoHighlightsRedirectTop%28url%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHL_RedirectTop%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20@return%0A%20*/%0Afunction%20LeoHL_RedirectTop%28url%2CparentId%29%0A%7B%0A%20%20%20leoHL_RedirectTop%28url%2CparentId%29%3B%0A%7D%0A%0A/**%0A%20*%20This%20will%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20@return%0A%20*/%0Afunction%20leoHL_RedirectTopAd%28url%2CparentId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20try%7B%0A%20%20%20%20%20%20%20%20%20var%20domain%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22domain%22%29%0A%20%20%20%20%20%20%20%20%20var%20keywords%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22keywords%22%29%0A%20%20%20%20%20%20%20%20%20var%20vendorId%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22vendorId%22%29%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22advertisement.click%22%2C%20domain%2Ckeywords%2C%20vendorId%29%3B%0A%20%20%20%20%20%20%7Dcatch%28e%29%7B%0A%20%20%20%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_RedirectTopAd%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsRedirectTop%28url%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_RedirectTopAd%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20set%20the%20size%20of%20the%20iframe%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHl_setSize%28size%2Curl%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09/*%20Get%20the%20clickId%20*/%0A%20%20%20%09var%20clickId%3D_leoHighlightsGetUrlArg%28%20url%2C%22clickId%22%29%0A%20%20%20%09%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22size%22%2Csize%29%3B%0A%20%20%20%20%20%20if%28clickId%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22clickId%22%2CclickId+%22_blah%22%29%3B%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsSetSize%22%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHl_setSize%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20toggle%20the%20size%20of%20the%20window%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHl_ToggleSize%28%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsToggleSize%22%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHl_ToggleSize%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A");
&lt;/script&gt;&lt;span id="leoHighlights_iframe_modal_span_container"&gt;&lt;/span&gt;  &lt;br /&gt;
&lt;div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"&gt;&lt;a class="zemanta-pixie-a" href="http://reblog.zemanta.com/zemified/0cdf451d-aca3-4fca-9ccc-8cc0273be629/" title="Reblog this post [with Zemanta]"&gt;&lt;img alt="Reblog this post [with Zemanta]" class="zemanta-pixie-img" src="http://img.zemanta.com/reblog_e.png?x-id=0cdf451d-aca3-4fca-9ccc-8cc0273be629" style="border: medium none; float: right;" /&gt;&lt;/a&gt;&lt;span class="zem-script more-related pretty-attribution"&gt;&lt;script defer="defer" src="http://static.zemanta.com/readside/loader.js" type="text/javascript"&gt;
&lt;/script&gt;&lt;/span&gt;&lt;/div&gt;&lt;input id="gwProxy" type="hidden" /&gt;&lt;!--Session data--&gt;&lt;input id="jsProxy" onclick="jsCall();" type="hidden" /&gt;&lt;div id="refHTML"&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6600280610042840118-4688334734871141318?l=call4teachers.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=s1Exp_HxkmI:M89pzNrwh44:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=s1Exp_HxkmI:M89pzNrwh44:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=s1Exp_HxkmI:M89pzNrwh44:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=s1Exp_HxkmI:M89pzNrwh44:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=s1Exp_HxkmI:M89pzNrwh44:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=s1Exp_HxkmI:M89pzNrwh44:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=s1Exp_HxkmI:M89pzNrwh44:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=s1Exp_HxkmI:M89pzNrwh44:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=s1Exp_HxkmI:M89pzNrwh44:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~4/s1Exp_HxkmI" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~3/s1Exp_HxkmI/professional-learning-networks-for.html</link><author>noreply@blogger.com (Ammar Merhbi)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh6.ggpht.com/_wUm7j9z-aU4/S726DPOI2ZI/AAAAAAAAAqI/-n319z4tFzk/s72-c/pln1_thumb%5B22%5D.jpg?imgmax=800" height="72" width="72" /><thr:total>9</thr:total><feedburner:origLink>http://call4teachers.blogspot.com/2010/04/professional-learning-networks-for.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6600280610042840118.post-6981597139474261653</guid><pubDate>Sun, 29 Nov 2009 11:21:00 +0000</pubDate><atom:updated>2009-12-16T15:34:10.330+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">tools</category><category domain="http://www.blogger.com/atom/ns#">cognition</category><category domain="http://www.blogger.com/atom/ns#">presentation</category><title>A Presentation Tool that Might Just Put an End to Power Point</title><description>&lt;div align="center"&gt;&lt;a href="http://prezi.com/"&gt;&lt;img alt="prezilogo" border="0" height="52" src="http://lh6.ggpht.com/_wUm7j9z-aU4/SxJZMII7XgI/AAAAAAAAALU/3MmQedk71FA/prezilogo%5B3%5D.png?imgmax=800" style="border-width: 0px; display: inline;" title="prezilogo" width="214" /&gt;&lt;/a&gt; &lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;a href="http://prezi.com/"&gt;Prez&lt;/a&gt;i is a new kind of presentation tool that might just put an end to power point presentations. Prezi simulates how the human mind works, that is, non-linearly, opposed to the power point linear presentation. The human brain thinks faster than the presenter talks and thus focuses the attention to one aspect of the presentation. In addition, our minds think in a web-like directions. This is where power point stifles our way of thinking. Power point presentations were attacked continuously as making the audience “stupid” especially with it famous bulleted points.&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;Prezi presentation rationale is simple. The ideas presented are laid out on a map and the presenter focuses on the idea he or she wants to present ( including media) by focusing on that idea non-linearly.&lt;br /&gt;
&lt;/div&gt;&lt;div align="center"&gt;&lt;a href="http://lh5.ggpht.com/_wUm7j9z-aU4/SxJZNYtBGII/AAAAAAAAALY/nk1swNilwSw/s1600-h/prezi1%5B5%5D.png"&gt;&lt;img alt="prezi1" border="0" height="263" src="http://lh3.ggpht.com/_wUm7j9z-aU4/SxJZOtembHI/AAAAAAAAALc/Q00sUiM1bwI/prezi1_thumb%5B3%5D.png?imgmax=800" style="border-width: 0px; display: inline;" title="prezi1" width="372" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;The presentation embedded below shows on sample I did on one course. The navigation can be set to my restricted navigation path or to your own preference. In this case, I set up the navigation path to my own preference, that is, the ideas I am focusing on.&lt;br /&gt;
&lt;/div&gt;&lt;div align="center"&gt;&lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" height="400" id="prezi_ls-hgsiyk5mj" name="prezi_ls-hgsiyk5mj" width="550"&gt; &lt;param name="movie" value="http://prezi.com/bin/preziloader.swf" /&gt;&lt;param name="allowfullscreen" value="true" /&gt;&lt;param name="allowscriptaccess" value="always" /&gt;&lt;param name="bgcolor" value="#ffffff" /&gt;&lt;param name="flashvars" value="prezi_id=ls-hgsiyk5mj&amp;amp;lock_to_path=1&amp;amp;color=ffffff&amp;amp;autoplay=no" /&gt;&lt;embed id="preziEmbed_ls-hgsiyk5mj" name="preziEmbed_ls-hgsiyk5mj" src="http://prezi.com/bin/preziloader.swf" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="550" height="400" bgcolor="#ffffff" flashvars="prezi_id=ls-hgsiyk5mj&amp;amp;lock_to_path=1&amp;amp;color=ffffff&amp;amp;autoplay=no"&gt; &lt;/embed&gt; &lt;/object&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="left"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: small;"&gt;The above is intended as an example and not by any means a clarifications of concepts.&lt;/span&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: small;"&gt;Prezi is really easy to construct ( took me 1 hour to learn the navigation and construct the above presentation). For a free account you are able to construct your prezi presentation online and embed/share or download your presentation on yo&lt;/span&gt;u pc. If you upgrade to a pro account you will be able to download the prezi software to your pc to construct your presentation offline.&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-size: large;"&gt;&lt;u&gt;&lt;span style="color: blue;"&gt;How to use it with our Language Learners&lt;/span&gt;&lt;/u&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="color: black; font-size: small;"&gt;Well, you could do number of things:&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="color: black; font-size: small;"&gt;You could present the ideas of a literary piece you’ve been discussing in class and how characters/actions/causes are related&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: small;"&gt;&lt;/span&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;div align="justify"&gt;&lt;span style="color: black; font-size: small;"&gt;You can have students present a certain problem with solution to.&lt;/span&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: small;"&gt;&lt;/span&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;div align="justify"&gt;&lt;span style="color: black; font-size: small;"&gt;You can have a group of students edit the same prezi presentation for a project.&lt;/span&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt; &lt;span style="color: black; font-size: small;"&gt;You can present or have students present their understanding of a vocabulary word and its derivative/collocations/usage….&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/li&gt;
&lt;/ul&gt;&lt;div align="justify"&gt;&lt;span style="color: black; font-size: small;"&gt;You can do numerous things with prezi as you already do with your power point presentations only that your presentation will be consistent with your students’ way of thinking.&lt;/span&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;span style="font-size: small;"&gt;So why not have a go for prezi and share your experience here! :)&lt;/span&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6600280610042840118-6981597139474261653?l=call4teachers.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=zxCOyLX08V8:31L124EXyNE:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=zxCOyLX08V8:31L124EXyNE:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=zxCOyLX08V8:31L124EXyNE:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=zxCOyLX08V8:31L124EXyNE:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=zxCOyLX08V8:31L124EXyNE:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=zxCOyLX08V8:31L124EXyNE:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=zxCOyLX08V8:31L124EXyNE:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=zxCOyLX08V8:31L124EXyNE:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=zxCOyLX08V8:31L124EXyNE:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~4/zxCOyLX08V8" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~3/zxCOyLX08V8/presentation-tool-that-might-just-put.html</link><author>noreply@blogger.com (Ammar Merhbi)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh6.ggpht.com/_wUm7j9z-aU4/SxJZMII7XgI/AAAAAAAAALU/3MmQedk71FA/s72-c/prezilogo%5B3%5D.png?imgmax=800" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://call4teachers.blogspot.com/2009/11/presentation-tool-that-might-just-put.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6600280610042840118.post-1750308975847074435</guid><pubDate>Fri, 23 Oct 2009 15:14:00 +0000</pubDate><atom:updated>2011-04-18T00:14:58.442+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">corpus_lingusitic</category><category domain="http://www.blogger.com/atom/ns#">grammar</category><category domain="http://www.blogger.com/atom/ns#">data_driven_learning</category><category domain="http://www.blogger.com/atom/ns#">concordance</category><category domain="http://www.blogger.com/atom/ns#">writing</category><category domain="http://www.blogger.com/atom/ns#">vocabulary</category><title>Largest Web-based, Genre-balanced English Corpus (COCA): A Tutorial and Suggestions for Classroom Use</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;div style="text-align: justify;"&gt;&lt;a href="http://www.americancorpus.org/" target="_blank"&gt;Corpus of Contemporary American English&lt;/a&gt; was released on the web in 2008 with more than 400 million words of corpus, the largest free web-based corpus. However, what makes this corpus special is not its enormous size but its : &lt;/div&gt;&lt;div style="text-align: justify;"&gt;1- genre-balanced search ability , as you can look up the word or collocation in any genre available ( or in all) and compare between spoken, fiction, popular magazines, newspapers, and academic, or even between sub-genres (or domains), such as movie scripts, sports magazines, newspaper editorial, or scientific journals&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;a href="http://lh6.ggpht.com/_wUm7j9z-aU4/SuHIIxrFTmI/AAAAAAAAAKM/JMlCt5X_GfE/s1600-h/COCA_genre4.png"&gt;&lt;img alt="COCA_genre" border="0" height="160" src="http://lh5.ggpht.com/_wUm7j9z-aU4/SuHIJiWh7SI/AAAAAAAAAKQ/2wyWVpvaBxg/COCA_genre_thumb2.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="COCA_genre" width="316" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div style="text-align: justify;"&gt;2- over time search, as you can compare different years from 1990 to the present time&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;a href="http://lh5.ggpht.com/_wUm7j9z-aU4/SuHIKZYSmPI/AAAAAAAAAKU/GujbV8DOxoY/s1600-h/COCA_genreandtime6.png"&gt;&lt;img alt="COCA_genreandtime" border="0" height="278" src="http://lh4.ggpht.com/_wUm7j9z-aU4/SuHILWq1LAI/AAAAAAAAAKY/oRy0vQMsGEo/COCA_genreandtime_thumb4.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="COCA_genreandtime" width="612" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div style="text-align: justify;"&gt;3- “.. &lt;b&gt;semantically-based queries&lt;/b&gt; of the corpus. For example, you can contrast and &lt;b&gt;&lt;a href="http://americancorpus.org/help/comparisons_e.asp"&gt;compare&lt;/a&gt;&lt;/b&gt; the collocates of &lt;a href="http://americancorpus.org/help/comparisons_e.asp"&gt;two &lt;b&gt;related words&lt;/b&gt;&lt;/a&gt;&lt;b&gt; &lt;/b&gt;(&lt;i&gt;little/small&lt;/i&gt;, &lt;i&gt;democrats/republicans&lt;/i&gt;, &lt;i&gt;men/women&lt;/i&gt;), to determine the difference in meaning or use between these words [ also how each is used in different genres]”&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;a href="http://lh3.ggpht.com/_wUm7j9z-aU4/SuHILzHif4I/AAAAAAAAAKc/5vnW7vpSUYs/s1600-h/COCA_comparingwords4.png"&gt;&lt;img alt="COCA_comparingwords" border="0" height="243" src="http://lh4.ggpht.com/_wUm7j9z-aU4/SuHIM7RHntI/AAAAAAAAAKg/gAw0rzkPHtw/COCA_comparingwords_thumb2.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="COCA_comparingwords" width="360" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;4- interface, as you can easily conduct searches between all genres and years. You can have your search result listed as frequency&amp;nbsp; or relevance or as a chart. All of this is made possible because of the window frames.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Frame 1 : Navigation&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;a href="http://lh3.ggpht.com/_wUm7j9z-aU4/SuHINQrkjKI/AAAAAAAAAKk/jP_sxk0xS0k/s1600-h/COCA_navigation5.png"&gt;&lt;img alt="COCA_navigation" border="0" height="457" src="http://lh3.ggpht.com/_wUm7j9z-aU4/SuHIO48WN8I/AAAAAAAAAKo/UKvErWC0E90/COCA_navigation_thumb3.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="COCA_navigation" width="372" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Frame2:&amp;nbsp; Query Result (including frequency and word collocation)&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div style="text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_wUm7j9z-aU4/SuHIPYyY45I/AAAAAAAAAKs/nS-o7c2OdQY/s1600-h/COCA_queryresult4.png"&gt;&lt;img alt="COCA_queryresult" border="0" height="277" src="http://lh4.ggpht.com/_wUm7j9z-aU4/SuHIQZRRn1I/AAAAAAAAAKw/d5-nXyDh_TU/COCA_queryresult_thumb2.png?imgmax=800" style="border-width: 0px; display: inline;" title="COCA_queryresult" width="606" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Frame3: The query in context (Key Word in Context) and the source text extract. &lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;a href="http://lh5.ggpht.com/_wUm7j9z-aU4/SuHIRUPewKI/AAAAAAAAAK0/2jqqqKMEO8Q/s1600-h/COCA_KWIC15.png"&gt;&lt;img alt="COCA_KWIC" border="0" height="327" src="http://lh6.ggpht.com/_wUm7j9z-aU4/SuHITMosIeI/AAAAAAAAAK4/GQrKbwsIO-s/COCA_KWIC_thumb11.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="COCA_KWIC" width="622" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div style="text-align: justify;"&gt;5- Great tutorial that takes about 5 mins to complete. Help is always there if you need it. &lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;The following video is a tutorial to show you how to use &lt;a href="http://americancorpus.org/" target="_blank"&gt;COCA&lt;/a&gt; and its great features.( Please use your headphones as the audio volume is low)&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;object height="375" width="500"&gt;&lt;param name="allowfullscreen" value="true" /&gt;&lt;param name="allowscriptaccess" value="always" /&gt;&lt;param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7218683&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=ff9933&amp;amp;fullscreen=1" /&gt;&lt;embed src="http://vimeo.com/moogaloop.swf?clip_id=7218683&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=ff9933&amp;amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="500" height="375"&gt;&lt;/embed&gt;&lt;/object&gt;  &lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;h4 style="background-color: #cfe2f3; color: #666666; text-align: center;"&gt;&lt;span style="font-size: large;"&gt;&lt;u&gt;How to use it in the language classroom&lt;/u&gt;&lt;/span&gt;&lt;/h4&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;1- You could do a vocabulary activity sheet same as the one embedded below. In such worksheet you turn the students’ attention to how words are used in authentic language and how each word behaves in a given sentence ( collocation with words but not with/more than others). You can also have students notice the nuance of difference between seemingly synonymous words and how each collocates with different words.&lt;/div&gt;&lt;blockquote&gt;The worksheet below was constructed using &lt;a href="http://americancorpus.org/" target="_blank"&gt;COCA&lt;/a&gt; as a pre-reading vocabulary activity where students were introduced to&amp;nbsp; new lexis in context and asked to use context clues to figure out the meaning and asked about the collocation of each as well as semantic and syntactic significance of each.&lt;br /&gt;
&lt;a href="http://www.scribd.com/doc/20845456/vocabulary-activity-sheetgrade-8-mokey-s-paw" style="display: block; font-family: helvetica,arial,sans-serif; font-size-adjust: none; font-size: 14px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; margin: 12px auto 6px; text-decoration: underline;" title="View vocabulary activity sheetgrade 8 mokey;s paw on Scribd"&gt;vocabulary activity sheetgrade 8 mokey;s paw&lt;/a&gt; &lt;object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" height="500" id="doc_56685496576613" name="doc_56685496576613" width="100%"&gt;  &lt;param name="movie" value="http://d1.scribdassets.com/ScribdViewer.swf?document_id=20845456&amp;amp;access_key=key-26eyk1i36hnxvj0f3u8e&amp;amp;page=1&amp;amp;version=1&amp;amp;viewMode=slideshow"&gt;&lt;param name="quality" value="high"&gt;&lt;param name="play" value="true"&gt;&lt;param name="loop" value="true"&gt;&lt;param name="scale" value="showall"&gt;&lt;param name="wmode" value="opaque"&gt;&lt;param name="devicefont" value="false"&gt;&lt;param name="bgcolor" value="#ffffff"&gt;&lt;param name="menu" value="true"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;param name="salign" value=""&gt;&lt;param name="mode" value="slideshow"&gt;&lt;embed src="http://d1.scribdassets.com/ScribdViewer.swf?document_id=20845456&amp;amp;access_key=key-26eyk1i36hnxvj0f3u8e&amp;amp;page=1&amp;amp;version=1&amp;amp;viewMode=slideshow" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" play="true" loop="true" scale="showall" wmode="opaque" devicefont="false" bgcolor="#ffffff" name="doc_56685496576613_object" menu="true" allowfullscreen="true" allowscriptaccess="always" salign="" type="application/x-shockwave-flash" align="middle" mode="slideshow" height="500" width="100%"&gt;&lt;/embed&gt; &lt;/object&gt;&lt;/blockquote&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;2- You could do word part analysis worksheet where students practice on prefix or root words of new vocabulary to result in noticing of how words are formed. The document below was also constructed using the &lt;a href="http://americancorpus.org/" target="_blank"&gt;COCA&lt;/a&gt; and the wildcard (*) as a query ( I searched for the the prefix*, e.g. circum* to result in all words that start with circum-). After students formed the words ( working in pairs) they filled in the blanks&amp;nbsp; with the appropriate words in sentences cited from corpus. As such, students experimented with new vocabulary not in isolation but in authentic language.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;a href="http://www.scribd.com/doc/21461784/prefix-activity-sheet" style="display: block; font-family: helvetica,arial,sans-serif; font-size-adjust: none; font-size: 14px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; margin: 12px auto 6px; text-decoration: underline;" title="View prefix activity sheet on Scribd"&gt;prefix activity sheet&lt;/a&gt; &lt;object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" height="500" id="doc_909377215856231" name="doc_909377215856231" width="100%"&gt;  &lt;param name="movie" value="http://d1.scribdassets.com/ScribdViewer.swf?document_id=21461784&amp;amp;access_key=key-qar78220jq83yl8jt2b&amp;amp;page=1&amp;amp;version=1&amp;amp;viewMode=list"&gt;&lt;param name="quality" value="high"&gt;&lt;param name="play" value="true"&gt;&lt;param name="loop" value="true"&gt;&lt;param name="scale" value="showall"&gt;&lt;param name="wmode" value="opaque"&gt;&lt;param name="devicefont" value="false"&gt;&lt;param name="bgcolor" value="#ffffff"&gt;&lt;param name="menu" value="true"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;param name="salign" value=""&gt;&lt;param name="mode" value="list"&gt;&lt;embed src="http://d1.scribdassets.com/ScribdViewer.swf?document_id=21461784&amp;amp;access_key=key-qar78220jq83yl8jt2b&amp;amp;page=1&amp;amp;version=1&amp;amp;viewMode=list" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" play="true" loop="true" scale="showall" wmode="opaque" devicefont="false" bgcolor="#ffffff" name="doc_909377215856231_object" menu="true" allowfullscreen="true" allowscriptaccess="always" salign="" type="application/x-shockwave-flash" align="middle" mode="list" height="500" width="100%"&gt;&lt;/embed&gt; &lt;/object&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;3- You could have students derive a certain grammatical rule for the word “any” for example and when it is used. The options for using it in the classroom are endless.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Preparing corpus and concordancing for classroom use takes time and effort, and training for teachers/students too. The result is definitely one of satisfaction and enhancement of language learning as it is now learned using authentic language. Not only it changes the role of the students to a language explorer but also it aids in understanding English language ( from teachers’ and students’ perspective) like never before.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;I hope this post was helpful enough :)&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Any comments, suggestions, or queries are welcome in the comment feature.&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6600280610042840118-1750308975847074435?l=call4teachers.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=Ku5TCwZmEpc:szvKruF-o00:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=Ku5TCwZmEpc:szvKruF-o00:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=Ku5TCwZmEpc:szvKruF-o00:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=Ku5TCwZmEpc:szvKruF-o00:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=Ku5TCwZmEpc:szvKruF-o00:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=Ku5TCwZmEpc:szvKruF-o00:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=Ku5TCwZmEpc:szvKruF-o00:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=Ku5TCwZmEpc:szvKruF-o00:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=Ku5TCwZmEpc:szvKruF-o00:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~4/Ku5TCwZmEpc" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~3/Ku5TCwZmEpc/largest-web-based-genre-balanced.html</link><author>noreply@blogger.com (Ammar Merhbi)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh5.ggpht.com/_wUm7j9z-aU4/SuHIJiWh7SI/AAAAAAAAAKQ/2wyWVpvaBxg/s72-c/COCA_genre_thumb2.png?imgmax=800" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://call4teachers.blogspot.com/2009/10/largest-web-based-genre-balanced.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6600280610042840118.post-6779511012460014229</guid><pubDate>Thu, 17 Sep 2009 13:59:00 +0000</pubDate><atom:updated>2009-10-27T22:38:46.153+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Educators</category><category domain="http://www.blogger.com/atom/ns#">education</category><category domain="http://www.blogger.com/atom/ns#">assessment</category><category domain="http://www.blogger.com/atom/ns#">Teacher</category><category domain="http://www.blogger.com/atom/ns#">K through 12</category><title>An Engaging Online Gradebook Suite</title><description>&lt;div align="justify" style="text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" class="separator" style="clear: both; text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" class="separator" style="clear: both; text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" class="separator" style="clear: both; text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" class="separator" style="clear: both; text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" class="separator" style="clear: both; text-align: justify;"&gt;&lt;a href="http://1.bp.blogspot.com/_wUm7j9z-aU4/SrJCAzeFCJI/AAAAAAAAAIw/1Quzu6mkmaQ/s1600-h/engrade.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/_wUm7j9z-aU4/SrJCAzeFCJI/AAAAAAAAAIw/1Quzu6mkmaQ/s200/engrade.png" /&gt;&lt;/a&gt;     &lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;I know this post is not relevant to computer-assisted language teaching, but I thought this will help educators like me to manage their gradebooks easily and in a&amp;nbsp; secure environment.    &lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;I have heard of &lt;a href="http://engrade.com/" target="_blank"&gt;engrade&lt;/a&gt; a while before from many educators on my PLN like &lt;a href="http://twitter.com/" target="_blank"&gt;twitter&lt;/a&gt;, &lt;a href="http://classroom20.com/" target="_blank"&gt;Classroom2.0&lt;/a&gt; … . So now I decided to give it try as I was concerned about the continuity, sustainability, security, and privacy of &lt;a href="http://engrade.com/" target="_blank"&gt;engrade&lt;/a&gt; since it is free for educators ( we always have the feeling that &lt;i&gt;free &lt;/i&gt;means insecure:)     &lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;The interface of engrade is great and it really engages the teacher, student, and parents in the ongoing student assessment. Teachers can have students and their parents see their grades on engrade by supplying them with student access only. In addition to its excellent computational assistance of grade averages, engrade enables teachers to :    &lt;br /&gt;
&lt;/div&gt;&lt;ol style="text-align: justify;"&gt;&lt;li&gt;     &lt;br /&gt;
&lt;br /&gt;
&lt;div align="justify"&gt;upload files for students and parents &lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;     &lt;br /&gt;
&lt;br /&gt;
&lt;div align="justify"&gt;comment on a particular student’s academic progress for students and parents to see, as an ongoing evaluation. This makes parents more envolved in their children’s academic endeavours. &lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;     &lt;br /&gt;
&lt;br /&gt;
&lt;div align="justify"&gt;Construct classes as much as they need &lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;     &lt;br /&gt;
&lt;br /&gt;
&lt;div align="justify"&gt;send direct messages to parents/students &lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/li&gt;
&lt;/ol&gt;&lt;div align="justify" style="text-align: justify;"&gt;&lt;a href="http://engrade.com/demo/" target="_blank"&gt;Engrade website has a great demo video for those who consider using their services, click to view the demo before you proceed reading:)&lt;/a&gt;     &lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;Here is another registration demo screen casted by&amp;nbsp; an educator.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://www.youtube.com/watch?v=z-jviEc602M" style="margin-left: 1em; margin-right: 1em;" target="_new"&gt;&lt;img alt="" galleryimg="no" onload="var downlevelDiv = document.getElementById('bbd78ceb-4ed9-48fd-963d-ef7b4cf1aedd'); downlevelDiv.innerHTML = &amp;quot;&amp;lt;div&amp;gt;&amp;lt;object width=\&amp;quot;425\&amp;quot; height=\&amp;quot;355\&amp;quot;&amp;gt;&amp;lt;param name=\&amp;quot;movie\&amp;quot; value=\&amp;quot;http://www.youtube.com/v/z-jviEc602M&amp;amp;hl=en\&amp;quot;&amp;gt;&amp;lt;\/param&amp;gt;&amp;lt;embed src=\&amp;quot;http://www.youtube.com/v/z-jviEc602M&amp;amp;hl=en\&amp;quot; type=\&amp;quot;application/x-shockwave-flash\&amp;quot; width=\&amp;quot;425\&amp;quot; height=\&amp;quot;355\&amp;quot;&amp;gt;&amp;lt;/embed&amp;gt;&amp;lt;/embed&amp;gt;&amp;lt;/embed&amp;gt;&amp;lt;/embed&amp;gt;&amp;lt;/embed&amp;gt;&amp;lt;/embed&amp;gt;&amp;lt;/embed&amp;gt;&amp;lt;/embed&amp;gt;&amp;lt;\/embed&amp;gt;&amp;lt;\/object&amp;gt;&amp;lt;\/div&amp;gt;&amp;quot;;" src="http://lh3.ggpht.com/_wUm7j9z-aU4/SrJArxJpuJI/AAAAAAAAAIs/z6ABYYkRNKA/videoc03ced6d6a9c%5B8%5D.jpg?imgmax=800" style="border-style: none;" /&gt;&lt;/a&gt;     &lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;&lt;u&gt;&lt;span style="color: #0000a0; font-size: medium;"&gt;&lt;i&gt;OK Then, What about Security, Sustainability, and Privacy?&lt;/i&gt;&lt;/span&gt;&lt;/u&gt;     &lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;&lt;span style="color: black;"&gt;Website says that thousands of teachers have used it and not a single breach was reported. They claim that their servers are secure and that website will continue to be free. The people behind the website also claim that teachers’ classes and grades are absolutely private. How about that :) . You can access their security policy &lt;a href="http://engrade.com/help.php/security" target="_blank"&gt;here&lt;/a&gt; and their privacy policy &lt;a href="http://engrade.com/help.php/privacy" target="_blank"&gt;here.&lt;/a&gt;&lt;/span&gt;     &lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;&lt;span style="color: black;"&gt;Teachers and administrators should be cautious though as to keep their passwords secure and change them once in a while.&lt;/span&gt;     &lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;&lt;span style="color: black;"&gt;I was informed by my educators on my PLN that they have used engrade for quite a time now and that it is secure, safe, and engages parents and students in students’ assessment.&lt;/span&gt;     &lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;&lt;span style="color: black;"&gt;Try it and tell me what you think! If you had the chance to try engrade before, please do share your experience to inform us.&lt;/span&gt;     &lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;&lt;span style="color: black;"&gt;I will definitely go paperless this year and use engrade for a change from Excel and Microsoft’s free &lt;a href="http://classroomgradebook.com/" target="_blank"&gt;Classroomgradebook&lt;/a&gt;.&lt;/span&gt;     &lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;/div&gt;&lt;div class="zemanta-pixie" style="height: 15px; margin-top: 10px; text-align: justify;"&gt;&lt;a class="zemanta-pixie-a" href="http://reblog.zemanta.com/zemified/ca951dab-16a1-4a33-84de-0d168ad41541/" title="Reblog this post [with Zemanta]"&gt;&lt;img alt="Reblog this post [with Zemanta]" class="zemanta-pixie-img" src="http://img.zemanta.com/reblog_e.png?x-id=ca951dab-16a1-4a33-84de-0d168ad41541" style="border: medium none; float: right;" /&gt;&lt;/a&gt;&lt;script defer="defer" src="http://static.zemanta.com/readside/loader.js" type="text/javascript"&gt;
&lt;/script&gt;       &lt;br /&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6600280610042840118-6779511012460014229?l=call4teachers.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=YyOu7X1MoLo:9deBN_Q4gLQ:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=YyOu7X1MoLo:9deBN_Q4gLQ:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=YyOu7X1MoLo:9deBN_Q4gLQ:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=YyOu7X1MoLo:9deBN_Q4gLQ:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=YyOu7X1MoLo:9deBN_Q4gLQ:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=YyOu7X1MoLo:9deBN_Q4gLQ:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=YyOu7X1MoLo:9deBN_Q4gLQ:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=YyOu7X1MoLo:9deBN_Q4gLQ:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=YyOu7X1MoLo:9deBN_Q4gLQ:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~4/YyOu7X1MoLo" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~3/YyOu7X1MoLo/engaging-online-gradebook-suite.html</link><author>noreply@blogger.com (Ammar Merhbi)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_wUm7j9z-aU4/SrJCAzeFCJI/AAAAAAAAAIw/1Quzu6mkmaQ/s72-c/engrade.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://call4teachers.blogspot.com/2009/09/engaging-online-gradebook-suite.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6600280610042840118.post-6283249269281000169</guid><pubDate>Wed, 16 Sep 2009 22:07:00 +0000</pubDate><atom:updated>2009-10-27T22:39:07.477+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">tools</category><category domain="http://www.blogger.com/atom/ns#">English language</category><category domain="http://www.blogger.com/atom/ns#">words</category><category domain="http://www.blogger.com/atom/ns#">reading</category><category domain="http://www.blogger.com/atom/ns#">vocabulary</category><category domain="http://www.blogger.com/atom/ns#">English</category><category domain="http://www.blogger.com/atom/ns#">CALL</category><title>A Great Tool to Improve Students' Vocabulary: An Alternative to Wordle</title><description>&lt;a href="http://wordsift.com/"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;blockquote&gt;I am sure all of you by now know &lt;a href="http://wordle.net/"&gt;Wordle&lt;/a&gt; and its great implications in ESL/EFL. &lt;a href="http://wordle.net/"&gt;Wordle&lt;/a&gt;- a word cloud that displays words of a text, website, or &lt;a href="http://delicious.com/"&gt;Delicious&lt;/a&gt; visually and according to a word's frequency- has become a favorite tool for English teachers to teach text genres, vocabulary building, and much more. Teachers all around the globe build activities around Wordle to result in enhanced language learning. If you would like to read more about Wordle and activities that can be built around it, I recommend you read &lt;a href="http://nikpeachey.blogspot.com/2008/09/using-word-clouds-in-efl-esl.html"&gt;Nik Peachey's Post&lt;/a&gt;. He also provides a tutorial on how to start with Wordle.&lt;br /&gt;
&amp;nbsp; &lt;br /&gt;
However, there is another web-based tool that is based on vocabulary acquisition theories rather than technical aspects. This web-based word cloud tool is       &lt;br /&gt;
&lt;a href="http://wordsift.com/"&gt;       &lt;br /&gt;
&lt;img alt="Wordsiftlogo" src="http://wordsift.com/images/wordsiftlogo.gif?1229548346" /&gt;&lt;/a&gt;.&amp;nbsp; Now, to be honest wordsift is not visually appealing as wordle is and it is not customizable with regard to 1- words displayed in word cloud, 2- word cloud appearance, and 3- options of text input. Yet, it does render a great way to enhance vocabulary learning based on methodological framewrok. &lt;br /&gt;
&lt;br /&gt;
&lt;i&gt;&lt;u&gt;&lt;big&gt;&lt;big&gt;&lt;span style="color: #0000a0;"&gt;Getting Started with Wordsift&lt;/span&gt;&lt;/big&gt;&lt;/big&gt;&lt;/u&gt;&lt;/i&gt; &lt;br /&gt;
&lt;br /&gt;
As with wordle, worsift does not need any registration. The video below demonstrates how to use Wordsift. &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="wlWriterEditableSmartContent" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:d28ec523-06dc-4b1e-9dac-a36118f47417" style="display: inline; float: none; margin: 0px; padding: 0px;"&gt;&lt;div id="d9a3df48-f9e1-4b69-939b-4c23810a356e" style="display: inline; margin: 0px; padding: 0px;"&gt;&lt;div&gt;&lt;a href="http://www.youtube.com/watch?v=9NVXBBU-Nhg&amp;amp;feature=youtube_gdata" target="_new"&gt;&lt;img alt="" galleryimg="no" onload="var downlevelDiv = document.getElementById('d9a3df48-f9e1-4b69-939b-4c23810a356e'); downlevelDiv.innerHTML = &amp;quot;&amp;lt;div&amp;gt;&amp;lt;object width=\&amp;quot;425\&amp;quot; height=\&amp;quot;355\&amp;quot;&amp;gt;&amp;lt;param name=\&amp;quot;movie\&amp;quot; value=\&amp;quot;http://www.youtube.com/v/9NVXBBU-Nhg&amp;amp;hl=en\&amp;quot;&amp;gt;&amp;lt;\/param&amp;gt;&amp;lt;embed src=\&amp;quot;http://www.youtube.com/v/9NVXBBU-Nhg&amp;amp;hl=en\&amp;quot; type=\&amp;quot;application/x-shockwave-flash\&amp;quot; width=\&amp;quot;425\&amp;quot; height=\&amp;quot;355\&amp;quot;&amp;gt;&amp;lt;/embed&amp;gt;&amp;lt;/embed&amp;gt;&amp;lt;/embed&amp;gt;&amp;lt;/embed&amp;gt;&amp;lt;/embed&amp;gt;&amp;lt;/embed&amp;gt;&amp;lt;\/embed&amp;gt;&amp;lt;\/object&amp;gt;&amp;lt;\/div&amp;gt;&amp;quot;;" src="http://lh3.ggpht.com/_wUm7j9z-aU4/SrFhb6I6gBI/AAAAAAAAAIA/WdCkzZIiF7w/video271bbd73f14d%5B5%5D.jpg?imgmax=800" style="border-style: none;" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
As you have noticed in the video above, wordsift renders excellent representation of a particular word in text. &lt;br /&gt;
&lt;br /&gt;
1- Frequency of each word in text is represented by its size.&lt;br /&gt;
&lt;a href="http://lh5.ggpht.com/_wUm7j9z-aU4/SrFhc5EIBUI/AAAAAAAAAIE/c0waLtIDKe8/s1600-h/wordsiftfreq%5B4%5D.png"&gt;&lt;img alt="wordsiftfreq" border="0" height="167" src="http://lh4.ggpht.com/_wUm7j9z-aU4/SrFhdpbw2HI/AAAAAAAAAII/vHrOJeRGDX8/wordsiftfreq_thumb%5B2%5D.png?imgmax=800" style="border: 0px none; display: inline;" title="wordsiftfreq" width="427" /&gt;&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
2- Marks the words present in frequent word lists of AWL, lang.arts, Science, math, social studies &lt;br /&gt;
&lt;a href="http://lh6.ggpht.com/_wUm7j9z-aU4/SrFhe78l8vI/AAAAAAAAAIM/_n_o6GJxaZc/s1600-h/wordsiftmark%5B4%5D.png"&gt;&lt;img alt="wordsiftmark" border="0" height="185" src="http://lh4.ggpht.com/_wUm7j9z-aU4/SrFhfxfDqFI/AAAAAAAAAIQ/2rr6fzv1lXM/wordsiftmark_thumb%5B2%5D.png?imgmax=800" style="border: 0px none; display: inline;" title="wordsiftmark" width="445" /&gt;&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
3- Word associations and definition of the chosen word are displayed in the virtual thesaurus .&lt;br /&gt;
&lt;a href="http://lh4.ggpht.com/_wUm7j9z-aU4/SrFhgS6ZThI/AAAAAAAAAIU/5lgIRSjhfB8/s1600-h/wordsiftthes%5B4%5D.png"&gt;&lt;img alt="wordsiftthes" border="0" height="333" src="http://lh3.ggpht.com/_wUm7j9z-aU4/SrFhhGthbTI/AAAAAAAAAIY/Tq685ncpxRU/wordsiftthes_thumb%5B2%5D.png?imgmax=800" style="border: 0px none; display: inline;" title="wordsiftthes" width="303" /&gt;&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
4- Still photos associated with the chosen word "freedom" are displayed. &lt;br /&gt;
&lt;a href="http://lh3.ggpht.com/_wUm7j9z-aU4/SrFhimfjaSI/AAAAAAAAAIc/wS-lzr95vnY/s1600-h/wordsiftphoto%5B4%5D.png"&gt;&lt;img alt="wordsiftphoto" border="0" height="383" src="http://lh5.ggpht.com/_wUm7j9z-aU4/SrFhkQpKDQI/AAAAAAAAAIg/oDQU4JjGrZA/wordsiftphoto_thumb%5B2%5D.png?imgmax=800" style="border: 0px none; display: inline;" title="wordsiftphoto" width="313" /&gt;&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
5- Videos associated with the chosen word are hidden so as not to distract the student unless the student chooses to watch the videos to have a better understanding. &lt;br /&gt;
&lt;a href="http://lh3.ggpht.com/_wUm7j9z-aU4/SrFhlSs8PFI/AAAAAAAAAIk/XBUIzGRm7L4/s1600-h/wordsiftvideo%5B4%5D.png"&gt;&lt;img alt="wordsiftvideo" border="0" height="406" src="http://lh3.ggpht.com/_wUm7j9z-aU4/SrFhmge3YeI/AAAAAAAAAIo/C30-HuKgUec/wordsiftvideo_thumb%5B2%5D.png?imgmax=800" style="border: 0px none; display: inline;" title="wordsiftvideo" width="337" /&gt;&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;i&gt;&lt;u&gt;&lt;big&gt;&lt;big&gt;&lt;span style="color: #0000a0;"&gt;How to Use It with Your Students&lt;/span&gt;               &lt;br /&gt;
&lt;/big&gt;&lt;/big&gt;&lt;/u&gt;&lt;/i&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;You can have students look up a particular word from an article they've copied and see how this word is used in context or how the meaning of the word differs from one sentence to another by examining the occurrences of the word in context. &lt;/li&gt;
&lt;/ul&gt;&lt;img height="326" src="http://lh3.ggpht.com/_wUm7j9z-aU4/SrFPnDthzqI/AAAAAAAAAH8/qLBf40iOwa4/%5BUNSET%5D.png?imgmax=800" width="455" /&gt; &lt;br /&gt;
&lt;ul&gt;&lt;li&gt;You can have students utilize the words associated with the chosen word in the virtual thesaurus ( synonyms, antonyms) by replacing the word in context to see if it makes sense or choose the best synonym to replace it. &lt;/li&gt;
&lt;/ul&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;You can, for example, have students analyze the genre ( speech, poem. academic article, scientific article..) of an unknown text by looking at the word frequency and examine whether this text contains words that are listed in the AWL or math word frequency lists. &lt;/li&gt;
&lt;/ul&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;You can get creative and have students explain a particular word using the the visual representations in wordsift and another design tool such as &lt;a href="http://glogster.com/" target="_blank"&gt;glogster&lt;/a&gt; to poster a representation of the word with media.&lt;/li&gt;
&lt;/ul&gt;&lt;/blockquote&gt;&lt;br /&gt;
The activities that you can do with wordsift are endless. As I always stress, the teacher is a designer who can create various activities that target various linguistic skills utilizing a particular tool.&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: #0000a0; font-size: medium;"&gt;&lt;i&gt;&lt;u&gt;Theory Behind Wordsift&lt;/u&gt;&lt;/i&gt;&lt;/span&gt;&lt;br /&gt;
Wordsift was developed by Stanford University ELL Resources. The theory behind wordsift states that &lt;br /&gt;
&lt;blockquote&gt;&lt;i&gt;“ Vocabulary is a central arena in which the discrete skills of reading (decoding, sight-word recognition, reading fluency and accuracy) come together with top-down cognitive processes involved in comprehension&lt;/i&gt;…&lt;br /&gt;
…&lt;i&gt;deficits in vocabulary knowledge and the semantic knowledge that it represents may be the most widely shared problem among struggling adolescent readers…&lt;/i&gt;&lt;br /&gt;
&lt;i&gt;WordSift thus attempts to address one of the greatest challenges facing educators of English Language Learners: how to grow and enrich the academic vocabulary of their students across the grade levels, and especially through academic content instruction. Educators specializing in English Language Learners are faced with a substantial group of students who are “stuck” at the intermediate level of English language proficiency, leading to labels such as long-term ELLs or “lifers”.&lt;/i&gt;&lt;br /&gt;
&lt;i&gt;Language development needs to occur in context, and content area learning provides the best context for it to occur.&lt;/i&gt;&lt;br /&gt;
&lt;i&gt;A key challenge is to help content teachers define a new identity for themselves -- as a language teacher of their discipline. “&lt;/i&gt;&lt;br /&gt;
&lt;div align="left"&gt;&lt;/div&gt;&lt;/blockquote&gt;You can access the full text of the theory &lt;a href="http://wordsift.com/site/theory" target="_blank"&gt;here.&lt;/a&gt;&lt;br /&gt;
If you have any comments, inquiries or you want to share you experience on &lt;a href="http://wordsift.com/" target="_blank"&gt;wordsift&lt;/a&gt; your comments are most welcome.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"&gt;&lt;a class="zemanta-pixie-a" href="http://reblog.zemanta.com/zemified/62b42972-e7a3-4daa-ba3f-44a703e233b0/" title="Reblog this post [with Zemanta]"&gt;&lt;img alt="Reblog this post [with Zemanta]" class="zemanta-pixie-img" src="http://img.zemanta.com/reblog_e.png?x-id=62b42972-e7a3-4daa-ba3f-44a703e233b0" style="border: medium none; float: right;" /&gt;&lt;/a&gt;&lt;script defer="defer" src="http://static.zemanta.com/readside/loader.js" type="text/javascript"&gt;
&lt;/script&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6600280610042840118-6283249269281000169?l=call4teachers.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=OXcrToY0qWA:oA36Ktbb_fc:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=OXcrToY0qWA:oA36Ktbb_fc:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=OXcrToY0qWA:oA36Ktbb_fc:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=OXcrToY0qWA:oA36Ktbb_fc:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=OXcrToY0qWA:oA36Ktbb_fc:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=OXcrToY0qWA:oA36Ktbb_fc:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=OXcrToY0qWA:oA36Ktbb_fc:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=OXcrToY0qWA:oA36Ktbb_fc:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=OXcrToY0qWA:oA36Ktbb_fc:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~4/OXcrToY0qWA" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~3/OXcrToY0qWA/great-tool-to-improve-students.html</link><author>noreply@blogger.com (Ammar Merhbi)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh3.ggpht.com/_wUm7j9z-aU4/SrFhb6I6gBI/AAAAAAAAAIA/WdCkzZIiF7w/s72-c/video271bbd73f14d%5B5%5D.jpg?imgmax=800" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://call4teachers.blogspot.com/2009/09/great-tool-to-improve-students.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6600280610042840118.post-5780749385970091845</guid><pubDate>Mon, 14 Sep 2009 13:01:00 +0000</pubDate><atom:updated>2009-09-18T14:55:35.772+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">e-learning</category><category domain="http://www.blogger.com/atom/ns#">tools</category><category domain="http://www.blogger.com/atom/ns#">web2.0</category><category domain="http://www.blogger.com/atom/ns#">collaboration</category><category domain="http://www.blogger.com/atom/ns#">learning</category><category domain="http://www.blogger.com/atom/ns#">writing</category><title>My Top 10 Learning Tools for 2009</title><description>This post is a contribution to &lt;a href="http://www.c4lpt.co.uk/" target="_blank"&gt;c4lpt&lt;/a&gt;’s &lt;a href="http://www.c4lpt.co.uk/recommended/yours.html" target="_blank"&gt;call&lt;/a&gt; for learning professionals to contribute their Top 10 Tools for Learning. Well, here it goes, not in order of preference. &lt;br /&gt;
&lt;ol&gt;&lt;li&gt;&lt;a href="http://www.mindomo.com/" target="_blank"&gt;Mindomo&lt;/a&gt; is a an excellent online mind mapping software that supports critical thinking. It is highly customized for education. Educators can embed their own maps in any website or blog. Students can use it with ease due to its user-/student-friendly interface. Students and educators can share and organize researches in an “interrelated form”. &lt;/li&gt;
&lt;li&gt;&lt;a href="http://etherpad.com/" target="_blank"&gt;Etherpad&lt;/a&gt; is a great web-based word processor. The great thing about it is that you can edit the same document in real-time and you don’t need to register. Just invite and share the unique url. This is great with regard to teaching and learning in real-time. Teachers, colleagues, and students can collaborate on the same word processor in real-time. Another great feature of &lt;a href="http://etherpad.com/" target="_blank"&gt;etherpad&lt;/a&gt; is that you can export or import to and form MS word, PDF, and Open Document. (&lt;a href="http://www.scriblink.com/" target="_blank"&gt;scriblink&lt;/a&gt; is another real-time WP sharing but not as&amp;nbsp; flexible as &lt;a href="http://etherpad.com/" target="_blank"&gt;etherpad&lt;/a&gt;). &lt;/li&gt;
&lt;li&gt;&lt;a href="http://twitter.com/" target="_blank"&gt;Twitter&lt;/a&gt; doesn’t need an introduction and is the most well known microblogging platform in the world. A lot of learning projects were based on twitter. The implications for learning in twitter are endless, both for the professional and student. &lt;a href="http://www.c4lpt.co.uk/jane.html" target="_blank"&gt;Jane Hart&lt;/a&gt; has a list of &lt;a href="http://janeknight.typepad.com/socialmedia/2009/08/twitter-in-the-classroom-10-useful-resources.html" target="_blank"&gt;10 twitter resources for classroom use&lt;/a&gt; on her &lt;a href="http://janeknight.typepad.com/socialmedia/" target="_blank"&gt;blog&lt;/a&gt; if you wish to explore the learning implications of &lt;a href="http://twitter.com/" target="_blank"&gt;twitter&lt;/a&gt;. &lt;/li&gt;
&lt;li&gt;&lt;a href="http://wikispaces.com/" target="_blank"&gt;Wikispaces&lt;/a&gt; is still my preferred tool when it comes to collaborate on projects. This wiki platform makes it possible for the teacher to engage students on a wide range of projects. Wikis in general tend to be chaotic so the teacher should be a constant regulator of the wiki project.&amp;nbsp; &lt;/li&gt;
&lt;li&gt;&lt;a href="http://diigo.com/" target="_blank"&gt;Diigo&lt;/a&gt; is a web-based social annotation software that I have included in the top 10 tools instead of &lt;a href="http://delicious.com/" target="_blank"&gt;delicious&lt;/a&gt; due to its learning implications. &lt;a href="http://diigo.com/" target="_blank"&gt;Diigo&lt;/a&gt; users can annotate any piece of information in any website and share their notes and comments. This has great implications for online critical reading skills. &lt;/li&gt;
&lt;li&gt;&lt;a href="http://simplybox.com/" target="_blank"&gt;Simplybox&lt;/a&gt; is a relatively new tool where a user simply boxes an info. on the web he wants to share and add to his account to share and annotate with other users. &lt;/li&gt;
&lt;li&gt;&lt;a href="http://hotpot.uvic.ca/#downloads" target="_blank"&gt;Hotpotatoes&lt;/a&gt;&amp;nbsp; is a free authoring software that produces highly effective interactive exercises and quizzes, especially for language learners. It has been and still is my favorite authoring tool. It is also SCORM compliant. &lt;/li&gt;
&lt;li&gt;&lt;a href="http://microsoft.com/" target="_blank"&gt;Microsoft&lt;/a&gt;’s free &lt;a href="http://www.microsoft.com/learning/en/us/training/lcds.aspx" target="_blank"&gt;Learning Content Development System&lt;/a&gt; is yet another great authoring tool that produces professional-looking courses online (SCORM compliant) or on CD’s. &lt;/li&gt;
&lt;li&gt;&lt;a href="http://docs.google.com/" target="_blank"&gt;Google Docs&lt;/a&gt; should not be excluded form this list. &lt;a href="http://docs.google.com/" target="_blank"&gt;Google Docs&lt;/a&gt; makes it possible for users to create, share ( link or embed) , and edit documents, presentations, and spreadsheets with great easy. &lt;a href="http://docs.google.com/" target="_blank"&gt;Google Docs&lt;/a&gt; is highly efficient with regard to teaching and learning. &lt;a href="http://docs.google.com/" target="_blank"&gt;Google Docs&lt;/a&gt; also makes it possible to conduct an online form. Great tool! &lt;/li&gt;
&lt;li&gt;&lt;a href="http://pageflakes.com/" target="_blank"&gt;Pageflakes&lt;/a&gt; is an RSS reader very similar to &lt;a href="http://netvibes.com/" target="_blank"&gt;netvibes&lt;/a&gt; and &lt;a href="http://igoogle.com/" target="_blank"&gt;igoogle&lt;/a&gt;. Some call them the PLE as they are customized to the preference of the learner following website and blogs. What I like about &lt;a href="http://pageflakes.com/" target="_blank"&gt;pageflakes&lt;/a&gt; is its great user-friendly interface, customizable pages, and pagecasts that you can share with anyone. You can see an example of one user’s pagecast &lt;a href="http://www.pageflakes.com/johnfaig/23325810/" target="_blank"&gt;here.&lt;/a&gt; &lt;/li&gt;
&lt;/ol&gt;Well, that’s it. This is my top 10 learning tools list for 2009. Of course other tools are abundant and probably deliver the same learning outcomes as the ones mentioned above. The main notion is that what you, as an educator, can do with these tools to enhance learning.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6600280610042840118-5780749385970091845?l=call4teachers.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=VpKoDGCZOhc:Per833aVECY:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=VpKoDGCZOhc:Per833aVECY:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=VpKoDGCZOhc:Per833aVECY:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=VpKoDGCZOhc:Per833aVECY:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=VpKoDGCZOhc:Per833aVECY:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=VpKoDGCZOhc:Per833aVECY:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=VpKoDGCZOhc:Per833aVECY:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=VpKoDGCZOhc:Per833aVECY:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=VpKoDGCZOhc:Per833aVECY:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~4/VpKoDGCZOhc" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~3/VpKoDGCZOhc/my-top-10-learning-tools-for-2009.html</link><author>noreply@blogger.com (Ammar Merhbi)</author><thr:total>2</thr:total><feedburner:origLink>http://call4teachers.blogspot.com/2009/09/my-top-10-learning-tools-for-2009.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6600280610042840118.post-7788870121665947931</guid><pubDate>Fri, 11 Sep 2009 19:17:00 +0000</pubDate><atom:updated>2009-10-27T22:39:48.249+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">web2.0</category><title>What is Web2.0? How Are Web2.0 Technologies Used in Education and Language Learning?</title><description>I was approached by many educators in my teaching context asking about web2.0. &lt;i&gt;What is it? Why is it called web2.0?&lt;/i&gt; Intuitively because there was a web 1.0 :)&lt;br /&gt;
To explain what web2.0 is, I should show you what web1.0 is and how they differ and how web2.0 affords an innovative learning based on collaboration and sharing of knowledge.&lt;br /&gt;
The model below roughly shows how web1.0 differs from web2.0.&lt;br /&gt;
&lt;a href="http://lh4.ggpht.com/_wUm7j9z-aU4/SqqhkjLTnTI/AAAAAAAAAGE/HQtiuko04Pg/s1600-h/web2.0%5B6%5D.jpg"&gt;&lt;img alt="web2.0" border="0" height="430" src="http://lh3.ggpht.com/_wUm7j9z-aU4/SqqhmCU8rxI/AAAAAAAAAGI/EzLw0uo3niQ/web2.0_thumb%5B5%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="web2.0" width="628" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;h4&gt;Web1.0 refers to :&lt;/h4&gt;&lt;ul&gt;&lt;li&gt;slow connection (modem) &lt;/li&gt;
&lt;li&gt;HTML websites &lt;/li&gt;
&lt;li&gt;One to many communication &lt;/li&gt;
&lt;li&gt;Static Websites &lt;/li&gt;
&lt;/ul&gt;Web1.0 companies present on their websites and users read the information with little communication between the two.&lt;br /&gt;
Web1.0 was used in&amp;nbsp; education and&amp;nbsp; language learning for drills and practice. The “drill” and “practice” nouns lend themselves well to behaviorist theory of learning. It can be seen as the PP approach too where PP refers to Present then Practice. The website Presents and learners, especially language learner, Practice but with little or no third P (Produce).&lt;br /&gt;
Web2.0, however, has arrived due to technological advances. &lt;br /&gt;
&lt;h4&gt;Some of web2.0 features are:&lt;/h4&gt;&lt;ul&gt;&lt;li&gt;fast internet connection (dsl, fiber optics, cables) &lt;/li&gt;
&lt;li&gt;Websites based on Advanced coding and languages such as XHTMl , ajax, Ruby on the Rails &lt;/li&gt;
&lt;li&gt;many to many users ( The website supplies the platform and users create content) &lt;/li&gt;
&lt;li&gt;dynamic websites including comments features, sharing files and multimedia &lt;/li&gt;
&lt;li&gt;rss aggregation &lt;/li&gt;
&lt;li&gt;little knowledge of html on part of the users to be able to supply content &lt;/li&gt;
&lt;/ul&gt;&lt;br /&gt;
An impressive range of web2.0 collection of websites can be found at &lt;span style="color: #5588aa;"&gt;&lt;a href="http://go2web20.net/"&gt;http://go2web20.net&lt;/a&gt; .&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: black;"&gt;The most important feature of web2.0 is that users can collaborate and build on each others’ knowledge. If you access the internet now, you would find unlimited amount of information that would not be possible without users pouring&amp;nbsp; their contents;Therefore the term, user-generated content!! Website companies then rely on the user for their success. The more users generate content, the more the website company is successful.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: black;"&gt;I am sure that all of you now generate content in the web2.0. Social networking websites such as &lt;a href="http://facebook.com/" target="_blank"&gt;facebook,&lt;/a&gt; &lt;a href="http://myspace.com/" target="_blank"&gt;myspace&lt;/a&gt;, and &lt;a href="http://ning.com/" target="_blank"&gt;ning&lt;/a&gt;; photo sharing websites such as &lt;a href="http://flickr.com/" target="_blank"&gt;flickr&lt;/a&gt;; social bookmarking websites such as &lt;a href="http://delicious.com/" target="_blank"&gt;delicious&lt;/a&gt; and &lt;a href="http://diigo.com/" target="_blank"&gt;diigo&lt;/a&gt;; professional netoworking websites such as &lt;a href="http://linkedin.com/" target="_blank"&gt;linkdein&lt;/a&gt;; video sharing websites such as &lt;a href="http://youtube.com/" target="_blank"&gt;youtube&lt;/a&gt; and &lt;a href="http://vimeo.com/" target="_blank"&gt;vimeo&lt;/a&gt; and much more rely on the user, you, to ensure their success. In fact you can hardly now see any website that is static termed as web1.0.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: black;"&gt;The following collage shows some of the most famous web2.0 applications. The collage was created using &lt;a href="http://picasa.google.com/" target="_blank"&gt;Picasa&lt;/a&gt;, a free photo editing&amp;nbsp; application owned by Google.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: black;"&gt;&amp;nbsp;&lt;a href="http://lh3.ggpht.com/_wUm7j9z-aU4/SqqhngzapmI/AAAAAAAAAGM/1oJ_d0j2E6Y/s1600-h/youtube%20logo%5B14%5D.jpg"&gt;&lt;img alt="youtube logo" border="0" height="390" src="http://lh3.ggpht.com/_wUm7j9z-aU4/SqqhpvdOkDI/AAAAAAAAAGQ/jEo13WvYVFE/youtube%20logo_thumb%5B12%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="youtube logo" width="467" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: navy; font-size: medium;"&gt;How Is Web2.0 Used in Education and Language Learning?&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: black;"&gt;The increasing presence of the internet in schools and at home encouraged educators to harness the power of web2.0, which is web based and needs access to the internet. The good thing is that web2.0 applications are free!! At least most of them are:)&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: black;"&gt;Students can collaborate on projects, create images, edit videos, write blogs, and share bookmarks using web2.0. Yet, web2.0 is a tool and teachers should know how to harness its power based on methodology and research and not on technological aspects. Moreover, like any tool, web2.0 tools are diverse and each tool lends itself to a language skill or, in case of overall education, lends itself to particular subjects.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: black;"&gt;The following table lists a sample of some of the most famous established and emergent web2.0 tools and what linguistic skills or any other skill each tool affords, under the guidance of the teacher. &lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: black;"&gt;( Click each logo to link to its website).&lt;/span&gt;&lt;br /&gt;
&lt;table border="5" cellpadding="2" cellspacing="2" style="width: 742px;"&gt;&lt;tbody&gt;
&lt;tr&gt;       &lt;td valign="top" width="111"&gt;&lt;span style="color: navy; font-size: medium;"&gt;&lt;b&gt;&lt;i&gt;&lt;u&gt;Web2.0 Tool&lt;/u&gt;&lt;/i&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;/td&gt;        &lt;td align="center" valign="top" width="268"&gt;&lt;span style="color: navy; font-size: medium;"&gt;&lt;b&gt;&lt;i&gt;&lt;u&gt;Features&lt;/u&gt;&lt;/i&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;/td&gt;        &lt;td align="center" valign="top" width="345"&gt;&lt;span style="color: navy; font-size: medium;"&gt;&lt;b&gt;&lt;i&gt;&lt;u&gt;Implications for Language Learning&lt;/u&gt;&lt;/i&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;/td&gt;     &lt;/tr&gt;
&lt;tr&gt;       &lt;td valign="top" width="115"&gt;&lt;u&gt;Wikis &lt;u&gt;&lt;a href="http://wikispaces.com/" target="_blank"&gt;&lt;img alt="wikispaceslogo" border="0" height="71" src="http://lh4.ggpht.com/_wUm7j9z-aU4/SqqhqTgU7HI/AAAAAAAAAGU/tEuFA6tSK6w/wikispaceslogo%5B14%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="wikispaceslogo" width="134" /&gt;&lt;/a&gt;&lt;/u&gt;               &lt;br /&gt;
&lt;a href="http://wetpaint.com/"&gt;&lt;img alt="wetpaintlogo" border="0" height="92" src="http://lh3.ggpht.com/_wUm7j9z-aU4/SqqhrUTzOFI/AAAAAAAAAGY/ui-svq1p_IM/wetpaintlogo%5B12%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="wetpaintlogo" width="149" /&gt;&lt;/a&gt; &lt;/u&gt;&lt;br /&gt;
&lt;/td&gt;        &lt;td valign="top" width="267"&gt;&lt;i&gt;A wiki is a website where it is possible for members to modify content easily. Members can edit and modify each others’ input.            &lt;br /&gt;
Wikis usually are chaotic so it is advised that the teacher moderate it and modify what is not relevant or inappropriate.             &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/i&gt;&lt;br /&gt;
&lt;/td&gt;        &lt;td valign="top" width="346"&gt;&lt;i&gt;Students can use it to collaborate on projects. For instance, they can start a book project where they initiate the idea of the book and edit for each other, add content, correct, and collaborate. Wikis lend themselves specifically for writing skills. The final product can be made public for the world to see. This gives motivation for students in learning.            &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/i&gt;&lt;br /&gt;
&lt;/td&gt;     &lt;/tr&gt;
&lt;tr&gt;       &lt;td valign="top" width="115"&gt;&lt;u&gt;Podcasts&lt;/u&gt;           &lt;br /&gt;
&lt;a href="http://podomatic.com/" target="_blank"&gt;&lt;img alt="podomaticlogo" border="0" height="88" src="http://lh5.ggpht.com/_wUm7j9z-aU4/SqqhsBTeQ4I/AAAAAAAAAGc/nO2ISetHdmc/podomaticlogo%5B8%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="podomaticlogo" width="131" /&gt;&lt;/a&gt;           &lt;br /&gt;
&lt;a href="http://chribit.com/"&gt;&lt;img alt="chribitlogo" border="0" height="88" src="http://lh3.ggpht.com/_wUm7j9z-aU4/Sqqhs1q9j-I/AAAAAAAAAGg/GrytA5b0Zic/chribitlogo%5B8%5D.png?imgmax=800" style="border-width: 0px; display: inline;" title="chribitlogo" width="131" /&gt;&lt;/a&gt;           &lt;br /&gt;
&lt;a href="http://voiethread.com/" target="_blank"&gt;&lt;img alt="voicethread logo" border="0" height="102" src="http://lh3.ggpht.com/_wUm7j9z-aU4/SqqhtloCgHI/AAAAAAAAAGk/UyvSPGEE9m0/voicethread%20logo%5B5%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="voicethread logo" width="134" /&gt;&lt;/a&gt;           &lt;br /&gt;
&lt;/td&gt;        &lt;td valign="top" width="267"&gt;A website where users create and upload podcasts. Podcasts are audio recorded by any digital recorder or using a pc and a mic. Major universities and educational institutions have podcasts ready to download.          &lt;br /&gt;
&lt;/td&gt;        &lt;td valign="top" width="346"&gt;Language teachers can use it with their students to enhance pronunciation, communication, and motivation. Students can, for instance, interview any of their classmates, teachers, staff, or any other person on a certain issue. They can even start a school radio station as some schools have lately done. The audio input on the pc can be edited using an audio editing software such as &lt;a href="http://audacity.sourceforge.net/" target="_blank"&gt;audacity,&lt;/a&gt; an open source free audio editing tool that rivals commercial editing software. Podcast can be shared on the internet and downloaded to PCs or mobile devices such as iphone. Teachers can also podcast whole lessons and lectures for their students to listen on-the-move           &lt;br /&gt;
&lt;a href="http://www.podcastdirectory.com/" title="http://www.podcastdirectory.com/"&gt;http://www.podcastdirectory.com/&lt;/a&gt; is a directory for most podcasts (also called internet radio)&lt;br /&gt;
&lt;/td&gt;     &lt;/tr&gt;
&lt;tr&gt;       &lt;td valign="top" width="115"&gt;&lt;u&gt;Blogging            &lt;br /&gt;
&lt;br /&gt;
&lt;/u&gt;&lt;a href="http://blogspot.com/" target="_blank"&gt;&lt;img alt="bloggerlogo" border="0" height="78" src="http://lh5.ggpht.com/_wUm7j9z-aU4/SqqhuToZB-I/AAAAAAAAAGo/qkhwign-XSs/bloggerlogo%5B6%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="bloggerlogo" width="147" /&gt;&lt;/a&gt;           &lt;br /&gt;
&lt;a href="http://tumblr.com/"&gt;&lt;img alt="tumblrlogo" border="0" height="92" src="http://lh5.ggpht.com/_wUm7j9z-aU4/SqqhvN02e3I/AAAAAAAAAGs/fv5R8Kbh-xs/tumblrlogo%5B4%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="tumblrlogo" width="144" /&gt;&lt;/a&gt;           &lt;br /&gt;
&lt;a href="http://edublogs.org/"&gt;&lt;img alt="edublogslogo" border="0" height="99" src="http://lh4.ggpht.com/_wUm7j9z-aU4/Sqqhv3IuUII/AAAAAAAAAGw/LjKH1PBdA0s/edublogslogo%5B5%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="edublogslogo" width="134" /&gt;&lt;/a&gt;           &lt;br /&gt;
&lt;/td&gt;        &lt;td valign="top" width="267"&gt;A blog is the blending of two word web and log.Posts by users appear in a reverse chronological order .Blogging needs no html knowledge and some of its features are the ability of commenting on posts, installing plugins and widgets, embedding videos…          &lt;br /&gt;
Websites can install a blog onto their servers now to make them dynamic and interact with users. The best known blogging software is the free &lt;a href="http://wordpress.com/" target="_blank"&gt;wordpres&lt;/a&gt;.&lt;br /&gt;
&lt;/td&gt;        &lt;td valign="top" width="346"&gt;Language teachers can have students start their own blogs. Each blog should discuss a certain issue ,e.g. hiking, music, tv shows, technology, and much more. Teachers can also set up a class blog and make students members so they can post and comment on each others’ posts. Students can share learning resources, aid each other, and share links to websites.          &lt;br /&gt;
Blogging helps students with writing and reading skills. It , as well, provides students with real international audience who can comment on their posts.&lt;br /&gt;
&lt;/td&gt;     &lt;/tr&gt;
&lt;tr&gt;       &lt;td valign="top" width="115"&gt;&lt;u&gt;Microblogging            &lt;br /&gt;
&lt;a href="http://twitter.com/" target="_blank"&gt;&lt;img alt="twitterlogo" border="0" height="90" src="http://lh6.ggpht.com/_wUm7j9z-aU4/Sqqhwv75mzI/AAAAAAAAAG0/Y6RnO6qKs4s/twitterlogo%5B5%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="twitterlogo" width="139" /&gt;&lt;/a&gt;             &lt;br /&gt;
&lt;/u&gt;          &lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://edmodo.com/" target="_blank"&gt;&lt;img alt="edmodo logo" border="0" height="89" src="http://lh6.ggpht.com/_wUm7j9z-aU4/SqqhxY2yziI/AAAAAAAAAG4/b2xdKk8xo1s/edmodo%20logo%5B5%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="edmodo logo" width="139" /&gt;&lt;/a&gt;           &lt;br /&gt;
&lt;/td&gt;        &lt;td valign="top" width="267"&gt;Microblogging is blogging with a limited number of characters. The best know microbloggin platform is twitter where any user can tweet a 140 characters. The simple question of twitter is “What are you doing now?” Tweeting can ranger from silly updates such as “ I am sleepy now” to significant tweets such as “ US Department of Edu. research finds that online learning beats f2f (link to website)”.          &lt;br /&gt;
In twitter, the user can follow the updates of whoever he or she wants. Twitter has become so famous that even Oprah, President Obahama, and Queen Rania tweet.&lt;br /&gt;
&lt;/td&gt;        &lt;td valign="top" width="346"&gt;Students can tweet on their current status and can share what they discovered on the WWW using the link feature or even reflect on their own learning. They can be given the choice to follow their favorite singers’ updates for example then create a report on their current lives. Microblogging has been proven by research that it enhances writing, and cognition.          &lt;br /&gt;
Edmodo is a microblogging platform designed specifically for education. If you wan to know more on edmodo &lt;a href="http://call4teachers.blogspot.com/2009/09/edmodo-microblogging-educational.html" target="_blank"&gt;read my earlier post.&lt;/a&gt;&lt;br /&gt;
&lt;/td&gt;     &lt;/tr&gt;
&lt;tr&gt;       &lt;td valign="top" width="115"&gt;&lt;u&gt;Social Networking            &lt;br /&gt;
&lt;a href="http://ning.com/" target="_blank"&gt;&lt;img alt="ninglogo" border="0" height="68" src="http://lh6.ggpht.com/_wUm7j9z-aU4/Sqqhx6B8seI/AAAAAAAAAG8/jzyas5qQ8t4/ninglogo%5B4%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="ninglogo" width="141" /&gt;&lt;/a&gt;             &lt;br /&gt;
&lt;a href="http://myspace.com/" target="_blank"&gt;&lt;img alt="myaspacelogo" border="0" height="65" src="http://lh3.ggpht.com/_wUm7j9z-aU4/Sqqhyr6yX-I/AAAAAAAAAHA/4IkRqid3Gwc/myaspacelogo%5B7%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="myaspacelogo" width="164" /&gt;&lt;/a&gt;             &lt;br /&gt;
&lt;a href="http://facebook.com/" target="_blank"&gt;&lt;img alt="facebook logo" border="0" height="52" src="http://lh5.ggpht.com/_wUm7j9z-aU4/SqqhzWSVYII/AAAAAAAAAHE/Rm7oZNBzzHc/facebook%20logo%5B3%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="facebook logo" width="148" /&gt;&lt;/a&gt;             &lt;br /&gt;
&lt;/u&gt;          &lt;br /&gt;
&lt;/td&gt;        &lt;td valign="top" width="267"&gt;These are websites that provide platform for users to create their own network of friends and other users of mutual interest. Users range from professionals to primary school students. Each user can share, discuss, and comment on their connection’s activities, updates, blogs, videos, or photos. Users can share files and multimedia form all over the globe. one example of a ning professional network is &lt;a href="http://classroom20.com/" target="_blank"&gt;classroom20&lt;/a&gt; where 25000+ teachers share and collaborate on issues related on using technology in education.&lt;br /&gt;
&lt;/td&gt;        &lt;td valign="top" width="346"&gt;Students can create their own social network in facebook and myspace. They can interact with other users using features such as commenting, updating, tagging photos and videos. Ning is a social network that lends itself to education more than the above ones. Teachers can setup private networks or public where students meet and collaborate on learning issues. Social networking not only enhances learners’ writing and reading skills but also it motivates them and increases their interculturality.&lt;br /&gt;
&lt;/td&gt;     &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;span style="color: black;"&gt;&amp;nbsp; &lt;/span&gt;&lt;br /&gt;
&amp;nbsp;The above table lists only a slim portion of the available web2.0 tools. I shall list a more comprehensive web2.0 tools in a later post. Teachers should be aware that students should be trained on the above tools before including them in education and the language curriculum. Web2.0 technology has been proven to increase learner autonomy, creativity , and interactivity.&lt;br /&gt;
I hope this post was useful to language teachers and educators who are novice at implementing technology in their teaching contexts.&lt;br /&gt;
Your comments are always welcome. If you want to share your own experience of any web2.0 tool in your teaching context please do share !!!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6600280610042840118-7788870121665947931?l=call4teachers.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=EbnNAT_NDOo:ZgnSCgB9HgM:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=EbnNAT_NDOo:ZgnSCgB9HgM:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=EbnNAT_NDOo:ZgnSCgB9HgM:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=EbnNAT_NDOo:ZgnSCgB9HgM:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=EbnNAT_NDOo:ZgnSCgB9HgM:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=EbnNAT_NDOo:ZgnSCgB9HgM:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=EbnNAT_NDOo:ZgnSCgB9HgM:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=EbnNAT_NDOo:ZgnSCgB9HgM:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=EbnNAT_NDOo:ZgnSCgB9HgM:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~4/EbnNAT_NDOo" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~3/EbnNAT_NDOo/what-is-web20-how-are-web20.html</link><author>noreply@blogger.com (Ammar Merhbi)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh3.ggpht.com/_wUm7j9z-aU4/SqqhmCU8rxI/AAAAAAAAAGI/EzLw0uo3niQ/s72-c/web2.0_thumb%5B5%5D.jpg?imgmax=800" height="72" width="72" /><thr:total>2</thr:total><feedburner:origLink>http://call4teachers.blogspot.com/2009/09/what-is-web20-how-are-web20.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6600280610042840118.post-4247983497905215827</guid><pubDate>Wed, 09 Sep 2009 06:45:00 +0000</pubDate><atom:updated>2009-10-27T22:40:09.809+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">microblogging</category><category domain="http://www.blogger.com/atom/ns#">education</category><category domain="http://www.blogger.com/atom/ns#">writing</category><title>Edmodo: A Microblogging Educational Platform</title><description>&lt;a href="http://edmodo.com/" target="_blank"&gt;&lt;img alt="edmodo logo" border="0" height="177" src="http://lh4.ggpht.com/_wUm7j9z-aU4/SqdO7T5v3tI/AAAAAAAAAFU/NRcritb4jO8/edmodo%20logo%5B5%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="edmodo logo" width="430" /&gt;&lt;/a&gt;&lt;br /&gt;
I’ve been aware of &lt;a href="http://edmodo.com/" target="_blank"&gt;edmodo&lt;/a&gt; for quite a time now though I have never had the chance to use it with my students yet, as the scholastic year did not start yet.&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0000a0; font-size: 130%;"&gt;What is &lt;a href="http://edmodo.com/" target="_blank"&gt;Edmodo&lt;/a&gt;?&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span style="color: black;"&gt;We all know &lt;a href="http://twitter.com/" target="_blank"&gt;twitter&lt;/a&gt; as a social networking platform and a microblogging platform for language learners right!!! The thing is that twitter does not have the security that our students need for safe microblogging. This is where &lt;a href="http://edmodo.com/" target="_blank"&gt;edmodo&lt;/a&gt; comes in with its enhanced new features.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: black;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: black;"&gt;Simply put, &lt;a href="http://edmodo.com/" target="_blank"&gt;Edmodo&lt;/a&gt; is a microblogging platform for education. You notice this on the home page of &lt;a href="http://edmodo.com/" target="_blank"&gt;edmodo&lt;/a&gt; where there you can sign up as a teacher or a student. &lt;/span&gt;&lt;br /&gt;
&lt;a href="http://lh3.ggpht.com/_wUm7j9z-aU4/SqdO8EtjXDI/AAAAAAAAAFY/ckJWwMExYbI/s1600-h/edmodo%20home%20page%5B4%5D.png"&gt;&lt;img alt="edmodo home page" border="0" height="200" src="http://lh6.ggpht.com/_wUm7j9z-aU4/SqdO9RbBxqI/AAAAAAAAAFc/L7veC0_RLKI/edmodo%20home%20page_thumb%5B2%5D.png?imgmax=800" style="border-width: 0px; display: inline;" title="edmodo home page" width="468" /&gt;&lt;/a&gt; &lt;br /&gt;
Once you enter as a teacher you have to create an account to use edmodo. Your pesonal page contains all the features you need to connect with your students. You can upload assignments with files, link to urls, embed videos, or post a note. &lt;br /&gt;
The security in edmodo is that you have to create a group to connect to. Once this is done, you are given a code which in turn you give to your students. So, when your students enter edmodo as “student” they will be asked about the code which they should insert. &lt;br /&gt;
The following video is a tutorial to introduce you to the features of Edmodo.&lt;br /&gt;
&lt;div class="wlWriterEditableSmartContent" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:5dba20d5-ace6-4ba9-9374-3cde09c85b91" style="display: inline; float: none; margin: 0px; padding: 0px;"&gt;&lt;div id="24668591-4b48-45a2-9ef3-76b3ac2acc1c" style="display: inline; margin: 0px; padding: 0px;"&gt;&lt;div&gt;&lt;a href="http://www.youtube.com/watch?v=r3-htZDFTX0" target="_new"&gt;&lt;img alt="" galleryimg="no" onload="var downlevelDiv = document.getElementById('24668591-4b48-45a2-9ef3-76b3ac2acc1c'); downlevelDiv.innerHTML = &amp;quot;&amp;lt;div&amp;gt;&amp;lt;object width=\&amp;quot;425\&amp;quot; height=\&amp;quot;355\&amp;quot;&amp;gt;&amp;lt;param name=\&amp;quot;movie\&amp;quot; value=\&amp;quot;http://www.youtube.com/v/r3-htZDFTX0&amp;amp;hl=en\&amp;quot;&amp;gt;&amp;lt;\/param&amp;gt;&amp;lt;embed src=\&amp;quot;http://www.youtube.com/v/r3-htZDFTX0&amp;amp;hl=en\&amp;quot; type=\&amp;quot;application/x-shockwave-flash\&amp;quot; width=\&amp;quot;425\&amp;quot; height=\&amp;quot;355\&amp;quot;&amp;gt;&amp;lt;\/embed&amp;gt;&amp;lt;\/object&amp;gt;&amp;lt;\/div&amp;gt;&amp;quot;;" src="http://lh5.ggpht.com/_wUm7j9z-aU4/Sqe4EbF0X0I/AAAAAAAAAFg/JH-BX4sdOjs/videofa275503a640%5B2%5D.jpg?imgmax=800" style="border-style: none;" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;b&gt;&lt;span style="color: navy; font-size: 130%;"&gt;How Can You Use It with Your Students?&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;You can make it as  means to deliver assignments and notes &lt;/li&gt;
&lt;li&gt;Students can use it as a microblogging platform. The same as twitter. As a result, you can build a task around it. For example, you can assign a task for students to accomplish such as researching on the internet and share what they found out using the link , embed, and file sharing features. &lt;/li&gt;
&lt;li&gt;It is great especially for absent students. You can share the worksheet done in class and deliver the assignment at the student’s fingertips so her or she would’nt fall behind. &lt;/li&gt;
&lt;/ul&gt;Try &lt;a href="http://edmodo.com/" target="_blank"&gt;Edmodo&lt;/a&gt; now and share you ideas if you have an other creative use for it with you students.&lt;br /&gt;
Your comments, as always, are welcome.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6600280610042840118-4247983497905215827?l=call4teachers.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=1ncl4i4lbKg:9-91ZXqsD_U:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=1ncl4i4lbKg:9-91ZXqsD_U:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=1ncl4i4lbKg:9-91ZXqsD_U:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=1ncl4i4lbKg:9-91ZXqsD_U:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=1ncl4i4lbKg:9-91ZXqsD_U:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=1ncl4i4lbKg:9-91ZXqsD_U:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=1ncl4i4lbKg:9-91ZXqsD_U:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=1ncl4i4lbKg:9-91ZXqsD_U:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=1ncl4i4lbKg:9-91ZXqsD_U:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~4/1ncl4i4lbKg" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~3/1ncl4i4lbKg/edmodo-microblogging-educational.html</link><author>noreply@blogger.com (Ammar Merhbi)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh4.ggpht.com/_wUm7j9z-aU4/SqdO7T5v3tI/AAAAAAAAAFU/NRcritb4jO8/s72-c/edmodo%20logo%5B5%5D.jpg?imgmax=800" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://call4teachers.blogspot.com/2009/09/edmodo-microblogging-educational.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6600280610042840118.post-4922791947505710848</guid><pubDate>Sun, 16 Aug 2009 08:13:00 +0000</pubDate><atom:updated>2009-10-27T22:40:31.458+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">concordance</category><category domain="http://www.blogger.com/atom/ns#">word processing</category><category domain="http://www.blogger.com/atom/ns#">writing</category><category domain="http://www.blogger.com/atom/ns#">CALL</category><title>Integrating a Web-based Concordance in Word Processor as Part of Teacher Feedback on Students’ Writing</title><description>IN an earlier &lt;a href="http://call4teachers.blogspot.com/2009/08/introduction-to-word-processing.html" target="_blank"&gt;post&lt;/a&gt; I mentioned the positive effects the generic tool- the word processor- has  in improving language learners’ writing skills. I also described how to use the ‘comment’ feature in MS Word as a teacher feedback (or peer response) on a language  learner writing piece.&lt;br /&gt;
This post will take it a step further by exploiting the ‘comment’ feature, hyperlink, and a web-based concordance as an innovative writing and linguistic feedback. The web-based concordance that I chose is &lt;a href="http://www.lextutor.ca/concordancers/concord_e.html" title="http://www.lextutor.ca/concordancers/concord_e.html"&gt;http://www.lextutor.ca/concordancers/concord_e.html&lt;/a&gt;. The reason for that is the simplicity and flexibility of such a concordance that gives the language learner, or researcher  the ease to analyze a certain collocation or language use. One can choose from drop down menus the kind of corpus included ( Brow, BNC written or spoken or both depending on the query or correction context). One can choose the number of lines that the concordance turns out since so many lines might confuse the language learner/researcher. The concordance can also be used by a teacher with “Gapped” option for learners to practice gap filling.&lt;br /&gt;
&lt;span style="color: blue; font-size: 100%;"&gt;How to integrate the web-based concordance in MS word?&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: black; font-size: 100%;"&gt;1. &lt;span style="font-size: 85%;"&gt;First, highlight the linguistic or writing error and use the “comment “ feature to insert a comment.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;a href="http://lh5.ggpht.com/_wUm7j9z-aU4/Soe-oYnM4TI/AAAAAAAAAD0/0dkWE_5fdR0/s1600-h/highlighting%20the%20error%5B7%5D.png"&gt;&lt;img alt="highlighting the error" border="0" height="426" src="http://lh5.ggpht.com/_wUm7j9z-aU4/Soe-tyhy2EI/AAAAAAAAAD4/-9wKEEFOKKA/highlighting%20the%20error_thumb%5B5%5D.png?imgmax=800" style="border-width: 0px; display: inline;" title="highlighting the error" width="647" /&gt;&lt;/a&gt; &lt;br /&gt;
2. Go to &lt;a href="http://www.lextutor.ca/concordancers/concord_e.html" title="http://www.lextutor.ca/concordancers/concord_e.html"&gt;http://www.lextutor.ca/concordancers/concord_e.html&lt;/a&gt;. Now you need to prepare the concordance to target the writing error above ( verb-noun collocation ). To get the best results you should enter “the lights” in the “keywords” box and not the word “lights”. The reason for that is you are searching for the right collocation of the verb and noun, in this case “lights”, but if you enter “lights” without the article “the” the concordance will search for instance of “lights” as a verb too and not as noun as you intend. Now you should choose in which corpus you should search the instances of the collocation. Since this is a writing assignment, I chose the “Brown Corpus”. You can choose another corpus that fits in the targeted linguistic error, but make sure it does result in useful pattern that the language learner can notice the correction.&lt;br /&gt;
&lt;a href="http://lh3.ggpht.com/_wUm7j9z-aU4/Soe-yAqjQeI/AAAAAAAAAD8/P8PdSnrMMEc/s1600-h/concsearch-thelights%5B12%5D.png"&gt;&lt;img alt="concsearch-thelights" border="0" height="335" src="http://lh3.ggpht.com/_wUm7j9z-aU4/Soe_G2dMGWI/AAAAAAAAAEA/h_yz6EXIWAo/concsearch-thelights_thumb%5B8%5D.png?imgmax=800" style="border-width: 0px; display: inline;" title="concsearch-thelights" width="672" /&gt;&lt;/a&gt; &lt;br /&gt;
&lt;span style="color: black;"&gt;Make sure also that you set the output lines to “20” because you do not want you student to get lost with all these line if it should result in “100” patterns of the collocation.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: black;"&gt;3. Now click the “Get concordance” button.A new page will open with the pattern of the word in question. &lt;a href="http://www.lextutor.ca/concordancers/wwwassocwords.pl?SearchStr=the%20lights&amp;amp;SearchType=equals&amp;amp;Corpus=Brown_strip.txt&amp;amp;SortType=left&amp;amp;LineWidth=100&amp;amp;AssocWord=&amp;amp;Fam_or_Word=word&amp;amp;Associate=either&amp;amp;Gaps=no_gaps" target="_blank"&gt;Click here if you want to see&lt;/a&gt; .&lt;/span&gt;&lt;br /&gt;
&lt;a href="http://lh4.ggpht.com/_wUm7j9z-aU4/Soe_L461-bI/AAAAAAAAAEE/tjt86Po0R7E/s1600-h/thelightpattern%20output%5B9%5D.png"&gt;&lt;img alt="thelightpattern output" border="0" height="410" src="http://lh5.ggpht.com/_wUm7j9z-aU4/Soe_Sv0LrQI/AAAAAAAAAEI/-KbXnlXvfls/thelightpattern%20output_thumb%5B7%5D.png?imgmax=800" style="border-width: 0px; display: inline;" title="thelightpattern output" width="705" /&gt;&lt;/a&gt;&lt;br /&gt;
The patterns show that “the lights” collocates with : switch on, light all, refocusing of, went out, are switched by, have failed, seeing the lights still on, go on, came up. So “the lights” does not collocate with “open”.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
4. If you think that this pattern output is adequate, click back to the main page where you inserted the keyword with the corpus that you selected, then click at the bottom of the page”show full URL”. A link should appear in the box. You can then click “test URL” just to make sure that this is the right one. After that you can click “Select URL” then “Ctrl+C” to copy URL.&lt;br /&gt;
&lt;a href="http://lh3.ggpht.com/_wUm7j9z-aU4/Soe_WZJS-hI/AAAAAAAAAEM/CveJFbYt_a0/s1600-h/copyrurlofconc%5B5%5D.png"&gt;&lt;img alt="copyrurlofconc" border="0" height="277" src="http://lh5.ggpht.com/_wUm7j9z-aU4/Soe_aIql9yI/AAAAAAAAAEQ/bcYkpo0VaIY/copyrurlofconc_thumb%5B3%5D.png?imgmax=800" style="border-width: 0px; display: inline;" title="copyrurlofconc" width="658" /&gt;&lt;/a&gt; &lt;br /&gt;
5. Now go back to your student’s document where you already inserted the comment. Highlight “click here to find out”, then right click and scroll to “hyperlink”. &lt;br /&gt;
Click “hyperlink”. A new window will appear. You should then “paste” the URL that you copied from the website ( click in the address bar then “Ctrl+v”) to paste. Then click “ok”. Now your comment links to the concordance that you prepared.&lt;br /&gt;
&lt;a href="http://lh5.ggpht.com/_wUm7j9z-aU4/Soe_fZ-cjeI/AAAAAAAAAEU/eWNU7i3Sgno/s1600-h/hyperlinktoconc%5B5%5D.png"&gt;&lt;img alt="hyperlinktoconc" border="0" height="382" src="http://lh4.ggpht.com/_wUm7j9z-aU4/Soe_nIrskqI/AAAAAAAAAEY/1xldfVrv3iY/hyperlinktoconc_thumb%5B3%5D.png?imgmax=800" style="border-width: 0px; display: inline;" title="hyperlinktoconc" width="700" /&gt;&lt;/a&gt; &lt;br /&gt;
&lt;a href="http://lh6.ggpht.com/_wUm7j9z-aU4/Soe_oszwUXI/AAAAAAAAAEc/vNzrdh0VB_s/s1600-h/commentlink%5B13%5D.png"&gt;&lt;img alt="commentlink" border="0" height="302" src="http://lh5.ggpht.com/_wUm7j9z-aU4/Soe_tL75IrI/AAAAAAAAAEg/iqWpJepZR0U/commentlink_thumb%5B9%5D.png?imgmax=800" style="border-width: 0px; display: inline;" title="commentlink" width="711" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="color: blue; font-size: 100%;"&gt;&lt;b&gt;&lt;i&gt;So why do we use it with our students instead of correcting the error?&lt;/i&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;span style="color: black;"&gt;Students will notice their errors by involving them in their correction instead of doing the correction for them. In most cases, in my experience, students will disregard the teacher’s comments or corrections.&lt;/span&gt; &lt;/li&gt;
&lt;li&gt;&lt;span style="color: black;"&gt;Students are exposed to authentic language exemplars.&lt;/span&gt; &lt;/li&gt;
&lt;li&gt;&lt;span style="color: black;"&gt;Students will become more autonomous, relying on themselves to do the correction instead of the teacher. The presence and the role of the teacher is not at all diminished. &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="color: black;"&gt;The role of the students changes from that of receptive individuals to that of inquiring individuals, researchers of language.&lt;/span&gt; &lt;/li&gt;
&lt;/ul&gt;&lt;span style="color: black;"&gt;&lt;span style="color: blue; font-size: 100%;"&gt;Some words of caution:&lt;/span&gt; &lt;/span&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;span style="color: black;"&gt;Teacher should at all times monitor students’ self-corrections as some students could not find out what to correct and what to look for.&lt;/span&gt; &lt;/li&gt;
&lt;li&gt;&lt;span style="color: black;"&gt;Training on corpus linguistics/concordancing in the classroom is extremely important before implementing it in writing assignments. Students should know what to look for in patterns to derive the rule/correction.&lt;/span&gt; &lt;/li&gt;
&lt;li&gt;&lt;span style="color: black;"&gt;It takes time on behalf of the teacher to prepare the concordance, but it is worthwhile.&lt;/span&gt; &lt;/li&gt;
&lt;/ul&gt;&lt;span style="color: black;"&gt;That’s it!! If you need any assistance or would like to comment on this post please do so in the comment box. Your comments are highly appreciated.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: black;"&gt;Ammar&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6600280610042840118-4922791947505710848?l=call4teachers.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=F2Hl_xxWRQs:HVbjFXlPjO8:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=F2Hl_xxWRQs:HVbjFXlPjO8:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=F2Hl_xxWRQs:HVbjFXlPjO8:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=F2Hl_xxWRQs:HVbjFXlPjO8:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=F2Hl_xxWRQs:HVbjFXlPjO8:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=F2Hl_xxWRQs:HVbjFXlPjO8:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=F2Hl_xxWRQs:HVbjFXlPjO8:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=F2Hl_xxWRQs:HVbjFXlPjO8:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=F2Hl_xxWRQs:HVbjFXlPjO8:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~4/F2Hl_xxWRQs" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~3/F2Hl_xxWRQs/integrating-web-based-concordance-in.html</link><author>noreply@blogger.com (Ammar Merhbi)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh5.ggpht.com/_wUm7j9z-aU4/Soe-tyhy2EI/AAAAAAAAAD4/-9wKEEFOKKA/s72-c/highlighting%20the%20error_thumb%5B5%5D.png?imgmax=800" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://call4teachers.blogspot.com/2009/08/integrating-web-based-concordance-in.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6600280610042840118.post-3922456723805224435</guid><pubDate>Fri, 14 Aug 2009 21:23:00 +0000</pubDate><atom:updated>2009-10-27T22:40:50.793+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">grammar</category><category domain="http://www.blogger.com/atom/ns#">data-driven learning</category><category domain="http://www.blogger.com/atom/ns#">concordance</category><category domain="http://www.blogger.com/atom/ns#">corpus linguistics</category><category domain="http://www.blogger.com/atom/ns#">writing</category><category domain="http://www.blogger.com/atom/ns#">vocabulary</category><title>Corpus Linguistics, Concordance and Data-Driven Learning: An innovative Language Teaching Approach!</title><description>&lt;div class="wlWriterEditableSmartContent" id="scid:0767317B-992E-4b12-91E0-4F059A8CECA8:cd79faaa-e700-451c-80c1-d0764811414c" style="display: inline; float: none; margin: 0px; padding: 0px;"&gt;Technorati Tags: &lt;a href="http://technorati.com/tags/concordance" rel="tag"&gt;concordance&lt;/a&gt;,&lt;a href="http://technorati.com/tags/data-driven+learning" rel="tag"&gt;data-driven learning&lt;/a&gt;,&lt;a href="http://technorati.com/tags/corpus+linguistics" rel="tag"&gt;corpus linguistics&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;The&lt;i&gt; Corpus linguistics&lt;/i&gt; refers to a body of text. This text can be written or spoken or a combination of both. Corpora ( plural of corpus) can be based on brief text on a narrow topic or can run into millions of words such as &lt;a href="http://www.natcorp.ox.ac.uk/" target="_blank"&gt;BNC&lt;/a&gt; ( British National Corpus, a 100- million words of British English) or &lt;a href="http://www.collins.co.uk/Corpus/CorpusSearch.aspx" target="_blank"&gt;Cobuild&lt;/a&gt; Corpus. &lt;br /&gt;
To access, or make use of a corpus one should use a concordancer to look at linguistic patterns. A concordancer is  a software that show instances of words in a body of text. In addition, it allows to show collocations and frequencies of words. This approach can be called &lt;i&gt;Key word in context ( KWIK). &lt;/i&gt;Now web-based concordancers are being increasingly available, such as &lt;a href="http://www.collins.co.uk/Corpus/CorpusSearch.aspx" target="_blank"&gt;Cobuild&lt;/a&gt; and &lt;a href="http://www.lextutor.ca/concordancers/concord_e.html" target="_blank"&gt;lextutor&lt;/a&gt;.&lt;br /&gt;
The following screenshots are from the &lt;a href="http://www.collins.co.uk/Corpus/CorpusSearch.aspx" target="_blank"&gt;Cobuild web-based Corpus&lt;/a&gt;&lt;br /&gt;
1. Write the word you want to query in the box, then click “show conc”&lt;br /&gt;
&lt;a href="http://lh4.ggpht.com/_wUm7j9z-aU4/SoXVcyE7lJI/AAAAAAAAADk/S1nqtodlOOw/s1600-h/concordancer-cobuild%5B5%5D.png"&gt;&lt;img alt="concordancer-cobuild" border="0" height="251" src="http://lh6.ggpht.com/_wUm7j9z-aU4/SoXVflq6anI/AAAAAAAAADo/p0XP5ANYR4I/concordancer-cobuild_thumb%5B3%5D.png?imgmax=800" style="border-width: 0px; display: inline;" title="concordancer-cobuild" width="533" /&gt;&lt;/a&gt; &lt;br /&gt;
2. A pop-up window will appear with the instances of the word&lt;br /&gt;
&lt;a href="http://www.collins.co.uk/Corpus/CorpusPopUp.aspx?query=ubiquitous&amp;amp;corpus=ukephem+ukmags+bbc+ukbooks+times+today+usbooks+npr+usephem+ukspok&amp;amp;width=100" target="_blank"&gt;Click here to view it&lt;/a&gt; ( better than providing a screenshot :)&lt;br /&gt;
3. To use in the classroom, teacher should turn students’ attention to the collocations and usage of the word in authentic language ( since the word is retained from authentic text and not text made specifically for esl/efl). Students then can derive grammatical rules (eg. modal verbs, indefinite pronouns..) and notice how certain vocabulary is used in authentic context. They can deduce what a certain vocabulary collocates with.&lt;br /&gt;
&lt;a href="http://lh3.ggpht.com/_wUm7j9z-aU4/SoXVnjnbo3I/AAAAAAAAADs/Zp3F3cGct9U/s1600-h/ubiquitous%20concordane%5B6%5D.png"&gt;&lt;img alt="ubiquitous concordane" border="0" height="531" src="http://lh4.ggpht.com/_wUm7j9z-aU4/SoXVzf3xO8I/AAAAAAAAADw/yUPVoI7kFN8/ubiquitous%20concordane_thumb%5B4%5D.png?imgmax=800" style="border-width: 0px; display: inline;" title="ubiquitous concordane" width="586" /&gt;&lt;/a&gt; &lt;br /&gt;
4. The teacher can also use a fill-in-the-blank activity where the word in query is omitted. If internet connection is not available or there are no computers in the classroom, the teacher can distribute them as printout. Note that the teacher should spend time preparing this concordance before presenting it in the classroom to ensure that it targets the intended language use.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Using corpora in the classroom involves making use of concordance software to analyze a corpora ( or web-based concordance such as the above example) and spot patterns and differences in language usage. For instance, students can use corpus linguistics with the aid of a concordance to make error corrections to their writing, or the teacher can show students a certain syntactical or lexical usage for students to induce the rule ( inductive learning), called &lt;i&gt;data-driven learning&lt;/i&gt; since it is based on a data analysis that results in linguistic learning. ( check out the father of data-driven learning &lt;a href="http://www.eisu2.bham.ac.uk/johnstf/index.html" target="_blank"&gt;website,&lt;/a&gt; Tim Jones). For more on the idea of data-driven learning click &lt;a href="http://www.ecml.at/projects/voll/rationale_and_help/booklets/resources/menu_booklet_ddl.htm" target="_blank"&gt;here&lt;/a&gt;. Of course, using a concordance and corpora is not easy for students to handle so it is imperative that students practice extensively on deriving or inducing rules from linguistic patterns, or even correct their linguistic and writing error based on a written corpus. &lt;br /&gt;
Again, it is important to note that data-drive learning demands extensive practice before employing it as an approach. The role of the teacher becomes that of a manager, orienteer, and observer and the role of the student changes to a researcher of language. &lt;br /&gt;
&lt;span style="color: navy; font-size: 100%;"&gt;Why use this approach instead of traditional grammar and lexical instruction?&lt;/span&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;It exposes the language learner to authentic language instead of rather fabricated ESL text &lt;/li&gt;
&lt;li&gt;It changes the role of the language learner from a mere receptive individual into a language researcher ( note that this approach might not work as expected especially with young learners). &lt;/li&gt;
&lt;li&gt;It ensures a learner-centered classroom without diminishing the role of the teacher &lt;/li&gt;
&lt;li&gt;It encourages learner autonomy with regard to errors correction ( will be discussed in my next post) &lt;/li&gt;
&lt;/ul&gt;More posts will also discuss more on concordancing, data-driven learning, and corpora. How a teacher can collect a certain corpus for a certain learning context, how a teacher can analyze his/her learners’ linguistic output, such as writing, called &lt;i&gt;learner error analysis&lt;/i&gt;,and how to use corpora in more activities in the classroom. &lt;br /&gt;
Now, I leave you with some links to concordance software, including web-based, that you can use and play around:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.antlab.sci.waseda.ac.jp/software.html" target="_blank"&gt;antconc&lt;/a&gt;  Lawrence Anthony’s free concordance software that you can download &lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.athel.com/mono.html" target="_blank"&gt;monoconc pro&lt;/a&gt; commercial concordance &lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.concordancesoftware.co.uk/" target="_blank"&gt;concordance&lt;/a&gt; commercial concordance software that I use &lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.lextutor.ca/concordancers/concord_e.html" target="_blank"&gt;lextutor&lt;/a&gt; a free web-based concordance &lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.collins.co.uk/Corpus/CorpusSearch.aspx" target="_blank"&gt;Cobuild&lt;/a&gt; free web-based concordance and corpus&lt;/li&gt;
&lt;/ul&gt;Next post will discuss how to integrate a concordance in word processor to result in error noticing and learner autonomy.&lt;br /&gt;
If you have an queries , need more info, or just want to post feedback please post a comment. Your comments are highly welcome :)&lt;br /&gt;
Ammar&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6600280610042840118-3922456723805224435?l=call4teachers.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=uCfGrw_ARnc:yeQDl1BG1xA:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=uCfGrw_ARnc:yeQDl1BG1xA:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=uCfGrw_ARnc:yeQDl1BG1xA:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=uCfGrw_ARnc:yeQDl1BG1xA:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=uCfGrw_ARnc:yeQDl1BG1xA:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=uCfGrw_ARnc:yeQDl1BG1xA:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=uCfGrw_ARnc:yeQDl1BG1xA:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=uCfGrw_ARnc:yeQDl1BG1xA:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=uCfGrw_ARnc:yeQDl1BG1xA:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~4/uCfGrw_ARnc" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~3/uCfGrw_ARnc/corpus-linguistics-concordance-and-data.html</link><author>noreply@blogger.com (Ammar Merhbi)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh6.ggpht.com/_wUm7j9z-aU4/SoXVflq6anI/AAAAAAAAADo/p0XP5ANYR4I/s72-c/concordancer-cobuild_thumb%5B3%5D.png?imgmax=800" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://call4teachers.blogspot.com/2009/08/corpus-linguistics-concordance-and-data.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6600280610042840118.post-7016670482782615751</guid><pubDate>Wed, 12 Aug 2009 21:35:00 +0000</pubDate><atom:updated>2009-08-13T01:21:24.752+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">word processor</category><category domain="http://www.blogger.com/atom/ns#">writing</category><title>Introduction to Word Processing: Enhancing Language Learners’ Writing by Means of Comment Feature in Word Processor</title><description>&lt;p&gt;Word Processing has been proven by many researches in CALL that it enhances language learners’ writing skills. Though the word processor is not intended for language learning it affords itself into aiding learners to enhance their writing and linguistic skills. As with all tools, word processor cannot teach learners writing skills unless the teacher is there to act as a moderator, manager, orienteer, and observer.&lt;/p&gt;  &lt;p&gt;According to many researchers and studies on the nature of word processor to enhance language learning, the following are evident:&lt;/p&gt;  &lt;p&gt;&lt;span style="color: rgb(0, 0, 255);"&gt;Word processing&lt;/span&gt;&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;mitigates learners’ apprehension of revising and editing since they do not need to rewrite everything. All they need to do is to cut, paste, move blocks with a click of a button &lt;/li&gt;    &lt;li&gt;strengthens learners’ confidence that words are not permanent and that they can be changed &lt;/li&gt;    &lt;li&gt;gives learners better visibility of the whole writing process &lt;/li&gt;    &lt;li&gt;the public nature of the computer encourages class collaboration as opposed to the private nature of the paper &lt;/li&gt;    &lt;li&gt;encourages creativity with its inclusion of graphs, photos, videos to illustrate learners’ writing &lt;/li&gt;    &lt;li&gt;organizes teacher feedback which is systematic and organized as opposed to the red pen comments on paper &lt;/li&gt;    &lt;li&gt;results in longer writing, therefore, better writing &lt;/li&gt; &lt;/ul&gt;  &lt;p&gt;It is the last bullet that I address in this post : &lt;span style="color: rgb(0, 0, 255);"&gt;Teacher feedback in word processer&lt;/span&gt;&lt;/p&gt;  &lt;p&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;Actually, teacher feedback is not that much of innovative but it does lend itself into organized and systematic feedback that rather makes the writing leaner notice the comments. ( Next post will discuss a rather innovative way for teacher feedback in word processer).&lt;/span&gt;&lt;/p&gt;  &lt;p&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;Most teachers use the &lt;a href="http://trial.trymicrosoftoffice.com/wwtrial/product.aspx?re_ms=oo&amp;amp;family=officepro&amp;amp;culture=en-GB" target="_blank"&gt;MS Word Processor&lt;/a&gt;, though &lt;a href="http://www.corel.com/servlet/Satellite/gb/en/Product/1207676528492#tabview=tab0" target="_blank"&gt;WordPerfect&lt;/a&gt; is also adopted by many, so for this and forthcoming posts the examples and tutorials will be based on MS WORD 2007.&lt;/span&gt;&lt;/p&gt;  &lt;ol&gt;   &lt;li&gt;     &lt;div align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;In the student’s Word document click the ‘Review’ button in the toolbar&lt;/span&gt; &lt;/div&gt;   &lt;/li&gt; &lt;/ol&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;a href="http://lh6.ggpht.com/_wUm7j9z-aU4/SoM1hcWZJHI/AAAAAAAAADU/_bFcZ-uBw5E/s1600-h/ms_reviewbutton%5B18%5D.png"&gt;&lt;img title="ms_reviewbutton" style="border-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" alt="ms_reviewbutton" src="http://lh3.ggpht.com/_wUm7j9z-aU4/SoM1kZrOwvI/AAAAAAAAADY/9VxVVyHkcJo/ms_reviewbutton_thumb%5B12%5D.png?imgmax=800" align="left" border="0" height="206" width="400" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;blockquote&gt;   &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       &lt;/span&gt;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p align="left"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;2. Highlight the section or word in your student’s writing document then click ‘New Comment” in the toolbar.&lt;/span&gt;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://lh4.ggpht.com/_wUm7j9z-aU4/SoM1mNN0H6I/AAAAAAAAADc/ih2oxdoGhLA/s1600-h/ms_newcomment%5B8%5D.png"&gt;&lt;img title="ms_newcomment" style="border-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" alt="ms_newcomment" src="http://lh6.ggpht.com/_wUm7j9z-aU4/SoM1o5zzV7I/AAAAAAAAADg/lXGNOnFjy5A/ms_newcomment_thumb%5B6%5D.png?imgmax=800" align="left" border="0" height="178" width="375" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt; &lt;/p&gt;  &lt;p&gt;&lt;/p&gt;  &lt;p&gt;&lt;/p&gt;  &lt;p&gt;&lt;/p&gt;  &lt;p&gt; &lt;/p&gt;  &lt;p&gt; &lt;/p&gt;  &lt;p&gt; &lt;/p&gt;  &lt;p&gt; &lt;/p&gt;  &lt;p&gt; &lt;/p&gt;  &lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;3. If you want you comments to appear in a balloon, then click “balloon”, then “show revisions in balloons” or else you can show revisions “inline by clicking again “Balloons” in the toolbar then “ show revisions inline”&lt;/p&gt;  &lt;div class="wlWriterEditableSmartContent" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:e05126a6-f64b-4a14-92c7-52d1b79b6c43" style="margin: 0px; padding: 0px; display: inline; float: none;"&gt;&lt;div&gt;&lt;embed src="http://blip.tv/play/AYGX7DQA" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="270" width="320"&gt;&lt;/embed&gt;&lt;/div&gt;&lt;/div&gt;  &lt;p align="left"&gt;&lt;br /&gt;&lt;/p&gt;&lt;p align="left"&gt;Students will appreciate and notice the comments in the word processor as they are well structured and target specific writing errors rather than holistic. &lt;/p&gt;  &lt;p&gt;You can, as well, insert a link to a website for you students to follow that addresses their linguistic/writing error. In this way, you are changing the role of you student from a mere receptive individual who might discard you comments to a language researcher. My next post discussed how you can insert a link to a web-based concordance ( definition and introduction will be provided) and how this will change the role of the language learner improving learner autonomy.&lt;/p&gt;  &lt;p&gt;If you need any more assistance or clarification please post a comment.&lt;/p&gt;  &lt;p&gt;Ammar&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6600280610042840118-7016670482782615751?l=call4teachers.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=Ey1YYHTHqnU:Z5eVeXniljM:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=Ey1YYHTHqnU:Z5eVeXniljM:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=Ey1YYHTHqnU:Z5eVeXniljM:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=Ey1YYHTHqnU:Z5eVeXniljM:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=Ey1YYHTHqnU:Z5eVeXniljM:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=Ey1YYHTHqnU:Z5eVeXniljM:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=Ey1YYHTHqnU:Z5eVeXniljM:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=Ey1YYHTHqnU:Z5eVeXniljM:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=Ey1YYHTHqnU:Z5eVeXniljM:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~4/Ey1YYHTHqnU" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~3/Ey1YYHTHqnU/introduction-to-word-processing.html</link><author>noreply@blogger.com (Ammar Merhbi)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh3.ggpht.com/_wUm7j9z-aU4/SoM1kZrOwvI/AAAAAAAAADY/9VxVVyHkcJo/s72-c/ms_reviewbutton_thumb%5B12%5D.png?imgmax=800" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://call4teachers.blogspot.com/2009/08/introduction-to-word-processing.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6600280610042840118.post-6304341375814386433</guid><pubDate>Sun, 02 Aug 2009 21:08:00 +0000</pubDate><atom:updated>2009-10-27T22:41:49.874+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">CALL</category><title>On CALL (Computer Assisted Language Learning)</title><description>&lt;img src="http://www.ced.ufsc.br/%7Euriel/Image11.gif" style="display: block; float: none; margin-left: auto; margin-right: auto;" /&gt;&lt;br /&gt;
This is the first post on this blog, so I would like to maintain it as an introduction to Computer assisted language learning (CALL)  and how language teachers and practitioners can harness the power of CALL to enhance language learning.&lt;br /&gt;
Most if not all teachers now are called “technology immigrants” since technology was not around in their time when they were learners. Our students, in contrast, are called “technology natives” as they experience technology on a daily basis whether in an educational setting or for personal use. Two things are obvious with regard to our students:&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;They will know about technology more than we will ever know &lt;/li&gt;
&lt;li&gt;They expect their teachers to be knowledgeable in technology &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/li&gt;
&lt;/ol&gt;CALL is a part of applied linguistics that is gaining momentum so rapidly as technology changes. Researchers on CALL are increasing as technology is becoming attainable to all ( open source software, internet, web 2.o). Still, many teachers are &lt;i&gt;technophobic&lt;/i&gt; since they did not experiment with technology long enough to integrate it into their teaching contexts. Technology can be seen as a tool to enhance learning. So, like any tool, it relies on how a teacher uses this tool to enhance learning. The affordance of technology varies from teaching context to another so teachers should not be afraid to experiment with it. As with course design, teachers can integrate technology successfully based on their creativity.&lt;br /&gt;
&lt;h5&gt;&lt;/h5&gt;&lt;h5&gt;&lt;span style="color: purple; font-size: 130%;"&gt;Language Teachers should exploit technology&lt;/span&gt;&lt;/h5&gt;&lt;ol&gt;&lt;li&gt;based on methodological frameworks and theories of language learning &lt;/li&gt;
&lt;li&gt;based on their specific learning context &lt;/li&gt;
&lt;li&gt;to enhance language learning &lt;/li&gt;
&lt;li&gt;to enhance peripheral learning to language learning , such as autonomy, collaboration, social networking &lt;/li&gt;
&lt;li&gt;to enhance their pupils’ critical thinking &lt;/li&gt;
&lt;/ol&gt;The disposition of the teacher to experiment with technology and try it with his/her students to result in innovative language learning setting is worthwhile and the rewards are substantial.&lt;br /&gt;
The following posts will discuss CALL and the integration of technology, with its subcategories, multimedia, web 2.0, e-learning, successfully in the language classroom based on methodology and theories of language learning, and especially on reflection on practice.&lt;br /&gt;
I hope you find the forthcoming posts valuable and worth reflecting on. More importantly, worth experimenting implementing in your language classroom. &lt;br /&gt;
Moreward&lt;br /&gt;
Ammar&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6600280610042840118-6304341375814386433?l=call4teachers.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=iOTGxFQS0gY:eHGP8TqMx88:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=iOTGxFQS0gY:eHGP8TqMx88:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=iOTGxFQS0gY:eHGP8TqMx88:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=iOTGxFQS0gY:eHGP8TqMx88:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=iOTGxFQS0gY:eHGP8TqMx88:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=iOTGxFQS0gY:eHGP8TqMx88:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=iOTGxFQS0gY:eHGP8TqMx88:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?a=iOTGxFQS0gY:eHGP8TqMx88:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/OptionsAndIssuesInComputer-assistedLanguageLearning?i=iOTGxFQS0gY:eHGP8TqMx88:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~4/iOTGxFQS0gY" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/OptionsAndIssuesInComputer-assistedLanguageLearning/~3/iOTGxFQS0gY/on-call-computer-assisted-language.html</link><author>noreply@blogger.com (Ammar Merhbi)</author><thr:total>0</thr:total><feedburner:origLink>http://call4teachers.blogspot.com/2009/08/on-call-computer-assisted-language.html</feedburner:origLink></item></channel></rss>

