CO14: Reimagining Online Learning & Reflective Multimedia ePortfolios

9 Feb

2014 12:00 PM (CST)

This class ran for 48 minutes

VIEW RECORDING

System & Device Check

About the class

This webinar is hosted in English

Reimagining Online Learning with Reflective Multimedia ePortfolios with Shelly Sanchez Terrell

Online instructors often struggle with providing engaging and enriching activities in online platforms. One way to assess learners and provide them with meaningful instruction is through reflective multimedia eportfolios. In this session we will see student examples and discover free tools to design an e-portfolio reflection.

Join the 5th annual Connecting Online conference (CO14) from February 7-9, 2014 for free.

About the Host

Dr. Nellie Deutsch

0, Canada

Shelly Sanchez Terrell is a teacher trainer, author, and international speaker. She has been recognized by her peers and various notable entities, such as the ELTon Awards, The New York Times, Microsoft’s Heroes for Education, and the Bammy Awards as a leader, innovator, and visionary in the movement of teacher driven professional development and connectivity. She is the co-founder of the award-winning #Edchat movement, the free Reform Symposium Global E-Conference, The 30 Goals Challenge for Educators, Virtual Round Table language and technology conference, and various SMOOCS. She has trained teachers and taught learners in over 20 countries. She is the host of American TESOL’s Free Friday Webinars and regularly shares technology tips at Teacher Reboot Camp and on Twitter, @ShellTerrell. Keep an eye out for her upcoming book, The 30 Goals Challenge for Educators published by Routledge.

Discussion thread

POST

{#if $T!=null}
    {#foreach $T as Post}
        <div class="dash threadBorder" id="postid">
            <a name="dv_{$T.Post.ClassPost.PostID}"></a>
            <div class="list-of-comments clearfix" >
                <div class="thumb">
                        <img src={$T.Post.ClassPost.UserImage} alt='{$T.Post.ClassPost.Name}' border="0" />
                </div>
                <div class="thumb-details">
                    <p class="post-details">
                            <span>{$T.Post.ClassPost.Name}</span>
                        wrote on {ToJavaScriptDate($T.Post.ClassPost.CommentTime)}
                    </p>
                        <p class="shortPost"> <span class="js-markup">{$T.Post.ClassPost.PostShortCommentText}</span>{#if $T.Post.ClassPost.PostViewMore === true}…<a href="#" class="seefullpost"> <strong>See More</strong></a>{#/if}</p>
                        <p class="fullPost"> <span class="js-markup">{$T.Post.ClassPost.CommentText}</span></p>
                    <a href="#" class="reply bbtn"><span class="r">Reply</span></a>
                {#if presenter()===true}
                    <a href="#" rel="{$T.Post.ClassPost.PostID}" class="deletePost"><span>Delete</span></a>
                {#else}
                    {#if $T.Post.ClassPost.UserId > 0 }
                        {#if $T.Post.ClassPost.WzqID == $T.Post.ClassPost.UserId }
                            <a href="#" rel="{$T.Post.ClassPost.PostID}" class="deletePost"><span>Delete</span></a>
                        {#/if}
                    {#/if}
                {#/if}
                </div>
                <div class="rplybox">
                    <textarea  placeholder=" Your reply here..."/>
                    <a href="#" rel="1|{$T.Post.ClassPost.PostID}|{$T.Post.ReplyCount}" class="primary-btn primary-btn-color js-Comment" id="btnReply">REPLY</a>
                    <a href="#"  rel="0" class="primary-btn primary-btn-color left10 cancel-reply-btn" >CANCEL</a>
                </div>
            </div>   
            <div class="{$T.Post.ReplyCount == 0 ? 'replyThread' : 'replyThread '}"> 
                {#if $T.Post.ReplyCount > 0 }
                        {#if $T.Post.ReplyCount > 5 }
                        <span class="rcount">Showing last <span class="rcount-no"> 5 </span> of <span class="rcount-total">{$T.Post.ReplyCount}</span> replies:</span>
                        {#/if}
                        {#if $T.Post.ReplyCount == 1 }
                            <span class="rcount"> <span class="rcount-no">{$T.Post.ReplyCount} reply:</span></span>
                        {#/if}

{#if $T.Post.ReplyCount > 1 && $T.Post.ReplyCount <= 5 }
                            <span class="rcount"> <span class="rcount-total">{$T.Post.ReplyCount} replies:</span></span>
                        {#/if}
                {#/if}
                      {#foreach $T.Post.ClassComments as Comment}            
                      <div class="list-of-comments clearfix rlypart" >                           
                        <div class="thumb">
                            <img src= {$T.Comment.UserImage}   alt='{$T.Comment.Name}' border="0" />
                        </div>
                         
                        <div class="thumb-details">
                            <p class="post-details">
                                    <span>{$T.Comment.Name}</span>
                                 wrote on {ToJavaScriptDate($T.Comment.CommentTime)}
                            </p>
                             <p class="shortPost"><span class="js-markup">{$T.Comment.ShortCommentText}</span>{#if $T.Comment.CommentViewMore === true}…<a href="#" class="seefullpost"><strong> See More</strong></a>{#/if}</p> 
                             <p class="fullPost"><span class="js-markup">{$T.Comment.CommentText}</span></p>
                             {#if presenter()===true} 
                                <a href="javascript:void(0);" rel="{$T.Comment.CommentID}" class="deleteComment"><span>Delete</span></a>
                             {#else}
                                {#if $T.Comment.UserId > 0 }
                                    {#if $T.Comment.WzqID == 0 }
                                        <a href="#" rel="{$T.Comment.CommentID}" class="deleteComment"><span>Delete</span></a>
                                    {#/if}
                                {#/if}
                            {#/if}
                        </div>   
                      </div>                          
                      {#/for}
                    {#if $T.Post.ReplyCount > 5 }
                          {#if $T.Post.ReplyCount - 5 < 5 }
                                <a href="#" rel="{$T.Post.ClassPost.PostID}" class="secondary-btn full-width secondary-btn-color top20" id="MoreComment" >Show next  {$T.Post.ReplyCount - 5 } reply </a> 
                           {#else}
                                <a href="#" rel="{$T.Post.ClassPost.PostID}" class="secondary-btn full-width secondary-btn-color top20" id="MoreComment" >Show next  5 replies </a>
                           {#/if}
                     {#/if}
            </div>
        </div>
    {#/for}
{#/if}