Skip to content
Snippets Groups Projects
  • Giulio Gratta's avatar
    Second batch of ORA UI fixes: · 68ce6ed1
    Giulio Gratta authored
    - Change wording when done with peer grading ("evals" -> "assessments")
    - Added ICE legend item for comment syntax
    - Added conditionals to display human readable 'grader_type' to alleviate confusion
    - Rename 'Show/Hide Prompt' to 'Show/Hide Question'
    - Reworded grading flags
    - Make ICE grading container larger to more easily allow users to read and edit larger texts
    - Adjusted lots of text and word choices to make them more user friendly
    - Disable previous arrow on first grader feedback and next arrow on last grader feedback
    - hide ORA instructions and ICE legend when calibrating so students don't feel like they need to write feedback
    
    Changes after comments:
    
    - Renamed instructions element and fixed casing issue
    - Renamed legend class to ice-legend
    - Changing condition from != to >= to not only fix incorrect one but also catch possible weirdness
    - Grammar fix in a message
    - Removing grader_type conditional in HTMl to give way to the one in python
    - Moving ice feedback area height styling to CSS file
    
    More changes:
    
    - Update ICE version
    - Modifying test to reflect code change
    - Adding ICE undo feature
    68ce6ed1
rubric.html 12.02 KiB
<section id="combined-open-ended" class="combined-open-ended" data-location="i4x://test/2323/combinedopenended/b893eedec151441f8644187266ccce00" data-ajax-url="/courses/test/2323/Test2/modx/i4x://test/2323/combinedopenended/b893eedec151441f8644187266ccce00" data-allow_reset="False" data-state="initial" data-task-count="1" data-task-number="1" data-accept-file-upload="False">
<div class="name">
    <h2>Open Response Assessment</h2>
    <div class="progress-container">
    </div>
</div>
<div class="problemwrapper">
<div class="status-bar">
    <table class="statustable">
        <tbody><tr>
            <td class="problemtype-container">
                <div class="problemtype">
                    Open Response
                </div>
            </td>
            <td class="assessments-container">
                <div class="assessment-text">
                    Assessments:
                </div>
                <div class="status-container">

                    <div class="status-elements">
                        <section id="combined-open-ended-status" class="combined-open-ended-status">

                            <div class="statusitem statusitem-current" data-status-number="0">
                                Peer
                            </div>
                        </section>
                    </div>

                </div>
            </td>
        </tr>
        </tbody></table>
</div>

<div class="item-container">
    <div class="visibility-control visibility-control-prompt">
        <div class="inner">
        </div>
        <a href="" class="question-header">Show Question</a>
    </div>
    <div class="problem-container">
        <div class="item">
            <section id="openended_open_ended" class="open-ended-child" data-state="post_assessment" data-child-type="openended">
                <div class="error"></div>
                <div class="prompt open" style="display: none;">
                    <h3>Censorship in the Libraries</h3><p>'All of us can think of a book that we hope none of our children or any other children have taken off the shelf. But if I have the right to remove that book from the shelf -- that work I abhor -- then you also have exactly the same right and so does everyone else. And then we have no books left on the shelf for any of us.' --Katherine Paterson, Author
                </p><p>
                    Write a persuasive essay to a newspaper reflecting your vies on censorship in libraries. Do you believe that certain materials, such as books, music, movies, magazines, etc., should be removed from the shelves if they are found offensive? Support your position with convincing arguments from your own experience, observations, and/or reading.
                </p>
                </div>
                <div class="visibility-control visibility-control-response">
                    <div class="inner">
                    </div>
                    <span class="section-header section-header-response">Response</span>
                </div>
                <div class="answer short-form-response" id="input_open_ended"></div>

                <div class="message-wrapper"></div>
                <div class="grader-status">

                </div>

                <div class="file-upload"></div>

                <input type="button" value="Submit post-assessment" class="submit-button" name="show" style="display: none;">
                <input name="skip" class="skip-button" type="button" value="Skip Post-Assessment" style="display: none;">

                <div class="open-ended-action"></div>

                <span id="answer_open_ended"></span>
            </section>
        </div>
    </div>
    <div class="oe-tools response-tools">
        <span class="oe-tools-label"></span>
        <input type="button" value="Reset" class="reset-button" name="reset" style="display: inline-block;">
    </div>
</div>

<div class="combined-rubric-container" data-status="shown" data-number="0" style="">
<div class="visibility-control visibility-control-rubric">
    <div class="inner">
    </div>
    <span class="section-header section-header-rubric">Submitted Rubric</span>
</div>
<div class="rubric-header">
    <button class="rubric-collapse" href="#">Show Full Rubric</button>
    Scored rubric from grader 1
</div>
<div class="rubric">

<span class="rubric-category">
Ideas
</span> <br>
<ul class="rubric-list">

    <li class="rubric-list-item">
        <div class="rubric-label">
            <label class="choicegroup_incorrect wrapper-score-selection"></label>
                            <span class="wrappable"> 0 points : 
Difficult for the reader to discern the main idea.  Too brief or too repetitive to establish or maintain a focus.
</span>

        </div>
    </li>

    <li class="rubric-list-item rubric-info-item" style="display: none;">
        <div class="rubric-label">
            <label class="rubric-elements-info">
                <span class="wrapper-score-selection"> </span>
                            <span class="wrappable"> 1 points : 
Attempts a main idea.  Sometimes loses focus or ineffectively displays focus.
</span>
            </label>
        </div>
    </li>

    <li class="rubric-list-item rubric-info-item" style="display: none;">
        <div class="rubric-label">
            <label class="rubric-elements-info">
                <span class="wrapper-score-selection"> </span>
                            <span class="wrappable"> 2 points : 
Presents a unifying theme or main idea, but may include minor tangents.  Stays somewhat focused on topic and task.
</span>
            </label>
        </div>
    </li>

    <li class="rubric-list-item rubric-info-item" style="display: none;">
        <div class="rubric-label">
            <label class="rubric-elements-info">
                <span class="wrapper-score-selection"> </span>
                            <span class="wrappable"> 3 points : 
Presents a unifying theme or main idea without going off on tangents.  Stays completely focused on topic and task.
</span>
            </label>
        </div>
    </li>
</ul>
        
        <span class="rubric-category">
Content
</span> <br>
<ul class="rubric-list">

    <li class="rubric-list-item">
        <div class="rubric-label">
            <label class="choicegroup_incorrect wrapper-score-selection"></label>
                            <span class="wrappable"> 0 points : 
Includes little information with few or no details or unrelated details.  Unsuccessful in attempts to explore any facets of the topic.
</span>

        </div>
    </li>

    <li class="rubric-list-item rubric-info-item" style="display: none;">
        <div class="rubric-label">
            <label class="rubric-elements-info">
                <span class="wrapper-score-selection"> </span>
                            <span class="wrappable"> 1 points : 
Includes little information and few or no details.  Explores only one or two facets of the topic.
</span>
            </label>
        </div>
    </li>

    <li class="rubric-list-item rubric-info-item" style="display: none;">
        <div class="rubric-label">
            <label class="rubric-elements-info">
                <span class="wrapper-score-selection"> </span>
                            <span class="wrappable"> 2 points : 
Includes sufficient information and supporting details. (Details may not be fully developed; ideas may be listed.)  Explores some facets of the topic.
</span>
            </label>
        </div>
    </li>

    <li class="rubric-list-item rubric-info-item" style="display: none;">
        <div class="rubric-label">
            <label class="rubric-elements-info">
                <span class="wrapper-score-selection"> </span>
                            <span class="wrappable"> 3 points : 
Includes in-depth information and exceptional supporting details that are fully developed.  Explores all facets of the topic.
</span>
            </label>
        </div>
    </li>
</ul>
        
        <span class="rubric-category">
Organization
</span> <br>
<ul class="rubric-list">

    <li class="rubric-list-item">
        <div class="rubric-label">
            <label class="choicegroup_incorrect wrapper-score-selection"></label>
                            <span class="wrappable"> 0 points : 
Ideas organized illogically, transitions weak, and response difficult to follow.
</span>

        </div>
    </li>

    <li class="rubric-list-item rubric-info-item" style="display: none;">
        <div class="rubric-label">
            <label class="rubric-elements-info">
                <span class="wrapper-score-selection"> </span>
                            <span class="wrappable"> 1 points : 
Attempts to logically organize ideas.  Attempts to progress in an order that enhances meaning, and demonstrates use of transitions.
</span>
            </label>
        </div>
    </li>

    <li class="rubric-list-item rubric-info-item" style="display: none;">
        <div class="rubric-label">
            <label class="rubric-elements-info">
                <span class="wrapper-score-selection"> </span>
                            <span class="wrappable"> 2 points : 
Ideas organized logically.  Progresses in an order that enhances meaning.  Includes smooth transitions.
</span>
            </label>
        </div>
    </li>
</ul>
        
        <span class="rubric-category">
Style
</span> <br>
<ul class="rubric-list">

    <li class="rubric-list-item">
        <div class="rubric-label">
            <label class="choicegroup_incorrect wrapper-score-selection"></label>
                            <span class="wrappable"> 0 points : 
Contains limited vocabulary, with many words used incorrectly.  Demonstrates problems with sentence patterns.
</span>

        </div>
    </li>

    <li class="rubric-list-item rubric-info-item" style="display: none;">
        <div class="rubric-label">
            <label class="rubric-elements-info">
                <span class="wrapper-score-selection"> </span>
                            <span class="wrappable"> 1 points : 
Contains basic vocabulary, with words that are predictable and common.  Contains mostly simple sentences (although there may be an attempt at more varied sentence patterns).
</span>
            </label>
        </div>
    </li>

    <li class="rubric-list-item rubric-info-item" style="display: none;">
        <div class="rubric-label">
            <label class="rubric-elements-info">
                <span class="wrapper-score-selection"> </span>
                            <span class="wrappable"> 2 points : 
Includes vocabulary to make explanations detailed and precise.  Includes varied sentence patterns, including complex sentences.
</span>
            </label>
        </div>
    </li>
</ul>
        
        <span class="rubric-category">
Voice
</span> <br>
<ul class="rubric-list">

    <li class="rubric-list-item">
        <div class="rubric-label">
            <label class="choicegroup_incorrect wrapper-score-selection"></label>
                            <span class="wrappable"> 0 points : 
Demonstrates language and tone that may be inappropriate to task and reader.
</span>

        </div>
    </li>

    <li class="rubric-list-item rubric-info-item" style="display: none;">
        <div class="rubric-label">
            <label class="rubric-elements-info">
                <span class="wrapper-score-selection"> </span>
                            <span class="wrappable"> 1 points : 
Demonstrates an attempt to adjust language and tone to task and reader.
</span>
            </label>
        </div>
    </li>

    <li class="rubric-list-item rubric-info-item" style="display: none;">
        <div class="rubric-label">
            <label class="rubric-elements-info">
                <span class="wrapper-score-selection"> </span>
                            <span class="wrappable"> 2 points : 
Demonstrates effective adjustment of language and tone to task and reader.
</span>
            </label>
        </div>
    </li>
</ul>
</div>


<div class="written-feedback">

</div>
</div>

<input type="button" value="Next Step" class="next-step-button" name="reset" style="display: none;">

<section class="legend-container">
</section>

<div class="result-container">
</div>
</div>
</section>