Note:

If you want to create a new page for developers, you should create it on the Moodle Developer Resource site.

User talk:Andrew Nicols: Difference between revisions

From MoodleDocs
No edit summary
No edit summary
 
Line 1: Line 1:
This should start working properly once the new css from MDLSITE-2587 is applied.


<div class="docs-moodle-org-temporary-grid">
<div class="docs-moodle-org-temporary-grid" style="max-width: 1254px;">
   <h3>This is a lead-in</h3>
 
  <p class="lead">
=== For teachers ===
Suspendisse turpis arcu, ultricies non rutrum blandit, fermentum ac nisi. Duis elementum nec eros nec consequat. Maecenas et quam rhoncus, consequat nisi in, posuere quam. Duis gravida neque nec turpis pharetra aliquet. Suspendisse facilisis malesuada bibendum. Quisque quis rutrum quam. Vestibulum ornare massa mi, vitae congue sem rutrum aliquam. Fusce tempus ipsum ac enim convallis, id dignissim augue interdum. Aliquam sit amet pharetra est. Curabitur sit amet eros lobortis, dapibus dolor nec, dignissim velit. Phasellus venenatis vulputate eleifend. Nunc ac dolor tellus.
   <div class="row-fluid">
  </p>
    <div class="span4">
  <h3>This is a hero-unit</h3>
<img style="margin: 10px auto; display: block;" src="forteachers.png" width="300" >
  <div class="hero-unit">
[[File:forteachers.jpg|300px]]
    <h1>H1: Heading</h1>
    </div>
    <p>
    <div class="span8">
Quisque non metus ligula. Quisque sodales nisl non cursus porta. Vestibulum non neque ac urna commodo vulputate eu dapibus nibh. Morbi laoreet aliquam risus at dapibus. Morbi a ullamcorper urna. Aliquam erat volutpat. Aliquam auctor tortor quis justo sodales, eu pretium arcu gravida. Nullam quam felis, sagittis sed mauris id, tempus luctus ipsum. Proin mattis viverra semper.
      <div style="color: #555;">
     </p>
        <h4>Improved grading features</h4>
        <ul>
          <li>Easily review and provide in-line feedback by annotating on PDF files directly within browser.</li>
          <li>Conveniently allocate student assignments to different markers, and control when marks are released to individual students.</li>
          <li>Certainty-based marking in Quizzes now provides improved feedback for learners .</li>
        </ul>
 
        <h4>Dynamic, stream-lined, course management</h4>
        <ul>
          <li>Quickly edit course activities and resources across all devices.</li>
          <li>Easily add a single activity course format.</li>
        </ul>
      </div>
     </div>
   </div>
   </div>
   <div class="page-header">
 
     <h1>Example page header <small>Subtext for header</small></h1>
   <div class="row-fluid">
     <ul class="thumbnails">
      <li class="span6">
        <div class="thumbnail">
[[File:forteachers_1.jpg|600px]]
          <div class="caption">
            <h4>Annotate uploaded PDF files in browser</h4>
            <p>Provide feedback directly within PDF file submissions by using a variety of annotating tools available, including stamps and phrases from a comment bank.</p>
          </div>
        </div>
      </li>
      <li class="span6">
        <div class="thumbnail">
[[File:forteachers_2.jpg|600px]]
          <div class="caption">
            <h4>Enhanced marking workflow and allocation</h4>
            <p>Control when marks are released for viewing, for example, when they have been reviewed and moderated. Individual markers can also be allocated assignments and these allocations will show up clearly in the gradebook.</p>
          </div>
        </div>
      </li>
    </ul>
   </div>
   </div>
  <h3>This uses a basic 1/3 and 2/3 layout</h3>
  <div style="background-color:#eee">
    <div class="row-fluid">
      <div class="span4">[[File:Workflow.jpg|300px|]]</div>
      <div class="span8">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra vehicula sagittis. Morbi sit amet tellus id ipsum lacinia cursus nec vel mi. Aenean posuere justo a quam bibendum blandit. Vivamus elit turpis, porttitor sed viverra vel, blandit et dui. In urna diam, dictum mattis ligula in, blandit molestie lacus. Etiam diam nisl, pharetra ut tortor eu, sagittis pulvinar sem. Ut in quam in sapien faucibus tempor sed sed risus. Quisque vehicula sollicitudin dolor ut sagittis. Maecenas mollis vestibulum dui, eget ullamcorper dolor pharetra quis. Aenean at erat porttitor, luctus erat sit amet, ullamcorper sapien. Nulla lacinia metus sit amet sodales laoreet. Duis congue condimentum tincidunt.


Quisque massa ipsum, lacinia sed nisl vitae, accumsan tincidunt ligula. In ipsum metus, scelerisque id erat dignissim, feugiat elementum quam. Integer dictum diam ac enim posuere, nec tempor arcu adipiscing. Vivamus in tempor erat, in imperdiet neque. In tristique at mi eu ornare. Nunc condimentum, sem ut sodales consequat, urna felis vulputate mi, ac mattis odio erat vel nulla. Donec vulputate lacus dolor, eget lobortis enim elementum at. Morbi volutpat varius iaculis. Phasellus convallis, ipsum in malesuada pharetra, nunc felis lobortis leo, eget malesuada libero nisl eget odio. Etiam vitae sapien velit. Pellentesque in placerat nisi. Ut interdum erat ut gravida tempor. Vestibulum eget lectus luctus, fermentum tellus eu, vestibulum velit. Sed consequat congue pulvinar.
  <div class="row-fluid">
    <ul class="thumbnails">
      <li class="span6">
        <div class="thumbnail">
[[File:forteachers_3.jpg|600px]]
          <div class="caption">
            <h4>Enhanced feedback in Certainty-based marking</h4>
            <p>Quizzes using Certainty-based marking now provide better feedback for learners.</p>
          </div>
        </div>
      </li>
      <li class="span6">
        <div class="thumbnail">
[[File:forteachers_4.jpg|600px]]
          <div class="caption">
            <h4>Easily edit course activities and resources</h4>
            <p>Editing tools have been grouped together to in a simple dropdown menu for easy accessibility across desktop and mobile devices.</p>
          </div>
        </div>
      </li>
    </ul>
  </div>
 
  <div class="row-fluid">
    <ul class="thumbnails">
      <li class="span6">
        <div class="thumbnail">
[[File:forteachers_5.jpg|600px]]
          <div class="caption">
            <h4>Add a single activity course format</h4>
            <p>Simply select and add any one activity as a standard course format which is displayed directed on the course page (This feature supersedes the old SCORM course format).</p>
          </div>
        </div>
      </li>
    </ul>
  </div>
 
 
 


Sed eu elementum mauris, eget laoreet justo. Nam auctor interdum varius. Ut libero lectus, vestibulum ac fermentum non, posuere placerat arcu. Donec eu erat eu ligula congue egestas. Quisque posuere lorem vel aliquet tincidunt. Curabitur interdum, leo vel venenatis blandit, ipsum purus molestie orci, sed euismod metus nulla facilisis felis. Pellentesque id metus consectetur, vulputate mi sit amet, mattis odio. Integer lectus arcu, pharetra non accumsan et, suscipit eget risus. Mauris lacinia accumsan mi eget varius. Nunc et posuere mi, id varius dui. Vivamus eget dui auctor, tempus lorem et, imperdiet magna. Proin sagittis tincidunt velit. Donec ornare scelerisque justo, eu faucibus odio egestas ut. Donec eget tellus gravida turpis gravida gravida non eget nisi. Morbi scelerisque lacinia leo, in imperdiet velit aliquam eget.
=== For administrators and managers ===
  <div class="row-fluid">
        <div class="span4">
          <img style="margin: 10px auto; display: block;" src="foradmin.png" width="300" >
        </div>
        <div class="span8">
          <div style="color: #555;">
            <h4>Enhanced platform management</h4>
            <ul>
              <li>Create and manage bulk courses efficiently</li>
              <li>Simpler course and category management</li>
              <li>Create additional name fields </li>
              <li>Conveniently import and export role definition using XML file</li>
            </ul>


</div>
          </div>
    </div>
        </div>
   </div>
   </div>


   <h1>And a 1/3 1/3 1/3 with a 1/1 1/1 subtable</h1>
   <div class="row-fluid">
  <div style="background-color:#fff">
    <ul class="thumbnails">
    <div class="row-fluid">
      <li class="span6">
      <div class="span4">
        <div class="thumbnail">
         <div class="row-fluid">
[[File:foradmin_1.jpg|600px]]
          <div class="span12">[[File:Workflow.jpg|300px|]]</div>
          <div class="caption">
           <div class="span12">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque et feugiat magna, eget accumsan nunc. Nunc nibh augue, euismod non nulla nec, suscipit vulputate purus. Etiam tincidunt ac lorem quis faucibus. Suspendisse laoreet sagittis velit, ut pretium est feugiat sit amet. Nulla elementum nisl arcu, vel tincidunt sapien egestas ut. Nulla pharetra nisl sit amet risus blandit commodo. Morbi tempus ante eros, id tempus tortor tristique ut.</div>
            <h4>Bulk course creation tool</h4>
            <p>Create multiple courses efficiently using a single CSV file.  The functionality also extends to updating or deleting courses as well as importing content from another course.</p>
          </div>
         </div>
      </li>
      <li class="span6">
        <div class="thumbnail">
[[File:foradmin_2.jpg|600px]]
           <div class="caption">
            <h4>User-friendly course and category management</h4>
            <p>Easily sort, create, and delete course categories in a more intuitive interface with drag and drop functionality.</p>
          </div>
         </div>
         </div>
       </div>
       </li>
      <div class="span4">
    </ul>
        <div class="row-fluid">
  </div>
          <div class="span12">[[File:Workflow.jpg|300px|]]</div>
 
           <div class="span12">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque et feugiat magna, eget accumsan nunc. Nunc nibh augue, euismod non nulla nec, suscipit vulputate purus. Etiam tincidunt ac lorem quis faucibus. Suspendisse laoreet sagittis velit, ut pretium est feugiat sit amet. Nulla elementum nisl arcu, vel tincidunt sapien egestas ut. Nulla pharetra nisl sit amet risus blandit commodo. Morbi tempus ante eros, id tempus tortor tristique ut.
  <div class="row-fluid">
    <ul class="thumbnails">
      <li class="span6">
        <div class="thumbnail">
[[File:foradmin_3.jpg|600px]]
           <div class="caption">
            <h4>Create Additional name fields</h4>
            <p>Add and customise additional name fields to flexibly display user names in Chinese characters, local phonetic system or Romanization.</p>
           </div>
           </div>
         </div>
         </div>
       </div>
       </li>
       <div class="span4">
       <li class="span6">
         <div class="row-fluid">
         <div class="thumbnail">
          <div class="span12">[[File:Workflow.jpg|300px|]]</div>
[[File:foradmin_4.jpg|600px]]
           <div class="span12">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque et feugiat magna, eget accumsan nunc. Nunc nibh augue, euismod non nulla nec, suscipit vulputate purus. Etiam tincidunt ac lorem quis faucibus. Suspendisse laoreet sagittis velit, ut pretium est feugiat sit amet. Nulla elementum nisl arcu, vel tincidunt sapien egestas ut. Nulla pharetra nisl sit amet risus blandit commodo. Morbi tempus ante eros, id tempus tortor tristique ut.
           <div class="caption">
            <h4>Import and export role redefinitions</h4>
            <p>Export and import role definition as XML files.</p>
            <p>New roles may be based on existing data:</p>
            <ul>
              <li>role archetype</li>
              <li>existing role</li>
              <li>role definition XML file</li>
            </ul>
           </div>
           </div>
         </div>
         </div>
       </div>
       </li>
     </div>
     </ul>
   </div>
   </div>


  <h1>This uses Bootstrap Thumbnails</h1>
 
   <div style="background-color:#eee">
 
    <div class="row-fluid">
=== For all users ===
      <ul class="thumbnails">
   <div class="row-fluid">
         <li class="span4">
        <div class="span4">
          <div class="thumbnail">[[File:Workflow.jpg|300px|]]
          <img style="margin: 10px auto; display: block;" src="forusers.png" width="300" >
            <div class="caption">
         </div>
              <h3>Some title</h3>
        <div class="span8">
               <p>Some caption for the image</p>
          <div style="color: #555;">
               <p>This one is using a thumbnail image with File:imagename.jpg and a 300px width. It's still a link</p>
            <h4>Experience a better learning platform</h4>
               <p>File:Workflow.jpg|300px</p>
            <ul>
             </div>
               <li>Simpler, mobile-friendly content editor.</li>
               <li>Easily access files from Microsoft Skydrive.</li>
               <li>Simplified mobile login.</p>
             </ul>
 
           </div>
           </div>
         </li>
         </div>
        <li class="span4">
  </div>
          <div class="thumbnail">[[File:Workflow.jpg|300px|class=img-polaroid|link=|]]
 
            <div class="caption">
  <div class="row-fluid">
              <h3>Some title</h3>
    <ul class="thumbnails">
              <p>Some caption for the image</p>
      <li class="span6">
              <p>Using a thumbnail image; and a 300px width. It's not a link and it has the img-polaroid class applied to it</p>
        <div class="thumbnail">
              <p>File:Workflow.jpg|300px|class=img-polaroid|link=</p>
[[File:forusers_1.jpg|600px]]
            </div>
          <div class="caption">
            <h4>User-friendly TinyMCE editor</h4>
            <p>The improved TinyMCE editor can be resized to suit various browser widths, and features user-friendly icons and a collapsible toolbar menu.</p>
           </div>
           </div>
         </li>
         </div>
        <li class="span4">
      </li>
          <div class="thumbnail">[[File:Workflow.jpg|300px|link=|]]
      <li class="span6">
            <div class="caption">
        <div class="thumbnail">
              <h3>Some title</h3>
[[File:forusers_2.jpg|600px]]
              <p>Some caption for the image</p>
          <div class="caption">
              <p>Using a thumbnail image; and a 300px width. It's not a link</p>
            <h4>Access files from Microsoft Skydrive</h4>
              <p>File:Workflow.jpg|300px|link=</p>
            <p>Users can now choose to retrieve files from their Skydrive account for use in their Moodle courses.</p>
            </div>
           </div>
           </div>
         </li>
         </div>
       </ul>
       </li>
     </div>
     </ul>
   </div>
   </div>
   <div class="container">
 
Test
   <div class="row-fluid">
    <ul class="thumbnails">
      <li class="span6">
        <div class="thumbnail">
[[File:forusers_3.jpg|600px]]
          <div class="caption">
            <h4>Simplified mobile logon</h4>
            <p>Logging in to your Moodle site is now a simpler, quicker process.</p>
          </div>
        </div>
      </li>
    </ul>
   </div>
   </div>
</div>
</div>

Latest revision as of 05:56, 14 November 2013

For teachers

<img style="margin: 10px auto; display: block;" src="forteachers.png" width="300" > File:forteachers.jpg

Improved grading features

  • Easily review and provide in-line feedback by annotating on PDF files directly within browser.
  • Conveniently allocate student assignments to different markers, and control when marks are released to individual students.
  • Certainty-based marking in Quizzes now provides improved feedback for learners .

Dynamic, stream-lined, course management

  • Quickly edit course activities and resources across all devices.
  • Easily add a single activity course format.
  • forteachers 1.jpg

    Annotate uploaded PDF files in browser

    Provide feedback directly within PDF file submissions by using a variety of annotating tools available, including stamps and phrases from a comment bank.

  • File:forteachers 2.jpg

    Enhanced marking workflow and allocation

    Control when marks are released for viewing, for example, when they have been reviewed and moderated. Individual markers can also be allocated assignments and these allocations will show up clearly in the gradebook.

  • File:forteachers 3.jpg

    Enhanced feedback in Certainty-based marking

    Quizzes using Certainty-based marking now provide better feedback for learners.

  • File:forteachers 4.jpg

    Easily edit course activities and resources

    Editing tools have been grouped together to in a simple dropdown menu for easy accessibility across desktop and mobile devices.

  • File:forteachers 5.jpg

    Add a single activity course format

    Simply select and add any one activity as a standard course format which is displayed directed on the course page (This feature supersedes the old SCORM course format).



For administrators and managers

         <img style="margin: 10px auto; display: block;" src="foradmin.png" width="300" >

Enhanced platform management

  • Create and manage bulk courses efficiently
  • Simpler course and category management
  • Create additional name fields
  • Conveniently import and export role definition using XML file
  • File:foradmin 1.jpg

    Bulk course creation tool

    Create multiple courses efficiently using a single CSV file. The functionality also extends to updating or deleting courses as well as importing content from another course.

  • File:foradmin 2.jpg

    User-friendly course and category management

    Easily sort, create, and delete course categories in a more intuitive interface with drag and drop functionality.

  • File:foradmin 3.jpg

    Create Additional name fields

    Add and customise additional name fields to flexibly display user names in Chinese characters, local phonetic system or Romanization.

  • File:foradmin 4.jpg

    Import and export role redefinitions

    Export and import role definition as XML files.

    New roles may be based on existing data:

    • role archetype
    • existing role
    • role definition XML file


For all users

         <img style="margin: 10px auto; display: block;" src="forusers.png" width="300" >

Experience a better learning platform

  • Simpler, mobile-friendly content editor.
  • Easily access files from Microsoft Skydrive.
  • Simplified mobile login.

  • File:forusers 1.jpg

    User-friendly TinyMCE editor

    The improved TinyMCE editor can be resized to suit various browser widths, and features user-friendly icons and a collapsible toolbar menu.

  • File:forusers 2.jpg

    Access files from Microsoft Skydrive

    Users can now choose to retrieve files from their Skydrive account for use in their Moodle courses.

  • File:forusers 3.jpg

    Simplified mobile logon

    Logging in to your Moodle site is now a simpler, quicker process.