238 lines
		
	
	
		
			15 KiB
		
	
	
	
		
			HTML
		
	
	
			
		
		
	
	
			238 lines
		
	
	
		
			15 KiB
		
	
	
	
		
			HTML
		
	
	
<div class="row"
 | 
						|
   style="margin: 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4;text-align: center; margin: auto; display: flex;justify-content: center;">
 | 
						|
   <a href="https://www.manprax.com/" target="_blank"><img src="images/manprax.png"
 | 
						|
         style=" width: 293px; padding: 1rem 0rem; margin: auto" alt="manprax-logo"></a>
 | 
						|
</div>
 | 
						|
<div class="row"
 | 
						|
   style="margin:75px 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4; padding-bottom: 30px;">
 | 
						|
   <div class="col-md-7 col-sm-12 col-xs-12" style="padding: 0px">
 | 
						|
      <div
 | 
						|
         style=" margin: 0 0 0px;padding: 20px 0 10;font-size: 23px;line-height: 35px;font-weight: 400;color: #000;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.11);text-align: left;">
 | 
						|
         <h1 style="font-size: 39px;font-weight: 600;margin: 0px !important;">Elearning with Open Response
 | 
						|
            Assessment(ORA) </h1>
 | 
						|
         <h3 style="font-size: 21px;margin-top: 8px;position: relative;">Most advanced open source elearning software
 | 
						|
         </h3>
 | 
						|
      </div>
 | 
						|
      <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
 | 
						|
      <ul style=" padding: 0 1px; list-style: none; ">
 | 
						|
         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o"
 | 
						|
               style="width:40px; color:#00438b"></i>
 | 
						|
            Provides Open Response Assessment(ORA) with feedback on top of Odoo Elearning.
 | 
						|
         </li>
 | 
						|
         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o"
 | 
						|
               style="width:40px; color:#00438b"></i>
 | 
						|
            Provide functionality to create prompts(Subjective Questions) and rubric(Scoring criterion) for the content.
 | 
						|
         </li>
 | 
						|
         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o"
 | 
						|
               style="width:40px; color:#00438b"></i>
 | 
						|
            Maintain history of responses submitted by learner with staff feedback.
 | 
						|
         </li>
 | 
						|
         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o"
 | 
						|
               style="width:40px; color:#00438b"></i>
 | 
						|
            Allow course creators to give feedback and option to resubmit the assigment.
 | 
						|
         </li>
 | 
						|
         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o"
 | 
						|
               style="width:40px; color:#00438b"></i>
 | 
						|
            Supports rich text and normal text as response.
 | 
						|
         </li>
 | 
						|
         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o"
 | 
						|
               style="width:40px; color:#00438b"></i>
 | 
						|
            Rich text provide options to insert images and documents as odoo do.
 | 
						|
         </li>
 | 
						|
         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o"
 | 
						|
               style="width:40px; color:#00438b"></i>
 | 
						|
            Assessment can be done from both screen view(Fullscreen & Normal).
 | 
						|
         </li>
 | 
						|
         <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Peer Assessment</h2>
 | 
						|
         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o"
 | 
						|
               style="width:40px; color:#00438b"></i>
 | 
						|
            Allow user to enable/disable peer assessment.
 | 
						|
         </li>
 | 
						|
         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o"
 | 
						|
               style="width:40px; color:#00438b"></i>
 | 
						|
            Allow learner to assess the responses of the other learner(Peer).
 | 
						|
         </li>
 | 
						|
         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o"
 | 
						|
               style="width:40px; color:#00438b"></i>
 | 
						|
            Responses of learner will be automatically allocated to peers.
 | 
						|
         </li>
 | 
						|
         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o"
 | 
						|
               style="width:40px; color:#00438b"></i>
 | 
						|
            Multilingual support (English, Hindi).
 | 
						|
         </li>
 | 
						|
      </ul>
 | 
						|
   </div>
 | 
						|
</div>
 | 
						|
<div>
 | 
						|
   <h2 class="text-center">Screenshots</h2>
 | 
						|
   <section class="oe_container">
 | 
						|
      <div>
 | 
						|
         <div>
 | 
						|
            <div>
 | 
						|
               <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
 | 
						|
                  <h3 class="alert"
 | 
						|
                     style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
 | 
						|
                     <i class="fa fa-check-circle-o" style="width:40px; color:#00438b"></i>
 | 
						|
                     Create prompts that you want to ask from users.
 | 
						|
                  </h3>
 | 
						|
                  <div style="text-align: center;"><img class="img img-responsive center-block"
 | 
						|
                        style="border-top-left-radius: 10px;border-top-right-radius: 10px; width: 80%;"
 | 
						|
                        src="images/screen1.png"></div>
 | 
						|
               </div>
 | 
						|
            </div>
 | 
						|
            <div style="min-height: 0px;">
 | 
						|
               <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
 | 
						|
                  <h3 class="alert"
 | 
						|
                     style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
 | 
						|
                     <i class="fa fa-check-circle-o" style="width:40px; color:#00438b"></i>
 | 
						|
                     Creator can define the criteria on which response will be assessed.
 | 
						|
                     <br>
 | 
						|
                  </h3>
 | 
						|
                  <div style="text-align: center;"><img class="img img-responsive center-block"
 | 
						|
                        style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | 
						|
                        src="images/screen2.png"></div>
 | 
						|
               </div>
 | 
						|
            </div>
 | 
						|
            <div style="min-height: 0px;">
 | 
						|
               <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
 | 
						|
                  <h3 class="alert"
 | 
						|
                     style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
 | 
						|
                     <i class="fa fa-check-circle-o" style="width:40px; color:#00438b"></i>
 | 
						|
                     Learner answers the assessment directly from the course.
 | 
						|
                     <br>
 | 
						|
                  </h3>
 | 
						|
                  <div style="text-align: center;"><img class="img img-responsive center-block"
 | 
						|
                        style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | 
						|
                        src="images/screen3.png"></div>
 | 
						|
               </div>
 | 
						|
            </div>
 | 
						|
            <div style="min-height: 0px;">
 | 
						|
               <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
 | 
						|
                  <h3 class="alert"
 | 
						|
                     style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
 | 
						|
                     <i class="fa fa-check-circle-o" style="width:40px; color:#00438b"></i>
 | 
						|
                     Once user submit the response it will be visible in cards.
 | 
						|
                  </h3>
 | 
						|
                  <div style="text-align: center;"><img class="img img-responsive center-block"
 | 
						|
                        style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | 
						|
                        src="images/screen4.png">
 | 
						|
                  </div>
 | 
						|
               </div>
 | 
						|
            </div>
 | 
						|
            <div style="min-height: 0px;">
 | 
						|
               <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
 | 
						|
                  <h3 class="alert"
 | 
						|
                     style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
 | 
						|
                     <i class="fa fa-check-circle-o" style="width:40px; color:#00438b"></i>
 | 
						|
                     Once user submit the response creator can assess it or give feedback to it.
 | 
						|
                  </h3>
 | 
						|
                  <div id="myCarousel" class="carousel slide" data-ride="carousel"
 | 
						|
                     style="width: 80%;margin-left: 102px;">
 | 
						|
                     <div class="carousel-inner">
 | 
						|
                        <div class="carousel-item active"><img class="img img-responsive d-block w-100"
 | 
						|
                              style="border-top-left-radius: 10px;border-top-right-radius: 10px;height: 80%;"
 | 
						|
                              src="images/screen5.png">
 | 
						|
                        </div>
 | 
						|
                        <div class="carousel-item"><img class="img img-responsive d-block w-100"
 | 
						|
                              style="border-top-left-radius: 10px;border-top-right-radius: 10px;height: 80%;"
 | 
						|
                              src="images/screen6.png">
 | 
						|
                        </div>
 | 
						|
                        <div class="carousel-item"><img class="img img-responsive d-block w-100"
 | 
						|
                              style="border-top-left-radius: 10px;border-top-right-radius: 10px;height: 80%;"
 | 
						|
                              src="images/screen7.png">
 | 
						|
                        </div>
 | 
						|
                     </div>
 | 
						|
                     <a class="carousel-control-prev" href="#myCarousel" data-slide="prev"
 | 
						|
                        style="left:-25px;width: 35px;color: #000;">
 | 
						|
                        <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left"
 | 
						|
                              style="font-size:24px"></i></span></a>
 | 
						|
                     <a class="carousel-control-next" href="#myCarousel" data-slide="next"
 | 
						|
                        style="right:-25px;width: 35px;color: #000;">
 | 
						|
                        <span class="carousel-control-next-icon"><i class="fa fa-chevron-right"
 | 
						|
                              style="font-size:24px"></i></span></a>
 | 
						|
                  </div>
 | 
						|
               </div>
 | 
						|
            </div>
 | 
						|
            <div style="min-height: 0px;">
 | 
						|
               <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
 | 
						|
                  <h3 class="alert"
 | 
						|
                     style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
 | 
						|
                     <i class="fa fa-check-circle-o" style="width:40px; color:#00438b"></i>
 | 
						|
                     Creator can assess the response from the response itself.
 | 
						|
                  </h3>
 | 
						|
                  <div style="text-align: center;"><img class="img img-responsive center-block"
 | 
						|
                        style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | 
						|
                        src="images/screen8.png">
 | 
						|
                  </div>
 | 
						|
               </div>
 | 
						|
            </div>
 | 
						|
            <div style="min-height: 0px;">
 | 
						|
               <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
 | 
						|
                  <h3 class="alert"
 | 
						|
                     style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
 | 
						|
                     <i class="fa fa-check-circle-o" style="width:40px; color:#00438b"></i>
 | 
						|
                     Once creator assesses the response learner can see what assessment he got and the xp points for it.
 | 
						|
                  </h3>
 | 
						|
                  <div style="text-align: center;"><img class="img img-responsive center-block"
 | 
						|
                        style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | 
						|
                        src="images/screen9.png">
 | 
						|
                  </div>
 | 
						|
               </div>
 | 
						|
            </div>
 | 
						|
            <div style="min-height: 0px;">
 | 
						|
               <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
 | 
						|
                  <h3 class="alert"
 | 
						|
                     style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
 | 
						|
                     <i class="fa fa-check-circle-o" style="width:40px; color:#00438b"></i>
 | 
						|
                     Enable/Disable peer assessment setting from the course.
 | 
						|
                  </h3>
 | 
						|
                  <div style="text-align: center;"><img class="img img-responsive center-block"
 | 
						|
                        style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | 
						|
                        src="images/screen10.png">
 | 
						|
                  </div>
 | 
						|
               </div>
 | 
						|
            </div>
 | 
						|
            <div style="min-height: 0px;">
 | 
						|
               <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
 | 
						|
                  <h3 class="alert"
 | 
						|
                     style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
 | 
						|
                     <i class="fa fa-check-circle-o" style="width:40px; color:#00438b"></i>
 | 
						|
                     Responses of learner will be automatically allocated to peers.
 | 
						|
                  </h3>
 | 
						|
                  <div style="text-align: center;"><img class="img img-responsive center-block"
 | 
						|
                        style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | 
						|
                        src="images/screen13.png">
 | 
						|
                  </div>
 | 
						|
               </div>
 | 
						|
            </div>
 | 
						|
            <div style="min-height: 0px;">
 | 
						|
               <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
 | 
						|
                  <h3 class="alert"
 | 
						|
                     style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
 | 
						|
                     <i class="fa fa-check-circle-o" style="width:40px; color:#00438b"></i>
 | 
						|
                     Learner can see the peer assessment once other learner response allocated to them.
 | 
						|
                  </h3>
 | 
						|
                  <div style="text-align: center;"><img class="img img-responsive center-block"
 | 
						|
                        style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | 
						|
                        src="images/screen11.png">
 | 
						|
                  </div>
 | 
						|
               </div>
 | 
						|
            </div>
 | 
						|
            <div style="min-height: 0px;">
 | 
						|
               <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
 | 
						|
                  <h3 class="alert"
 | 
						|
                     style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
 | 
						|
                     <i class="fa fa-check-circle-o" style="width:40px; color:#00438b"></i>
 | 
						|
                     Once learner submit the assessment. He/She can see the assessment in a table view.
 | 
						|
                  </h3>
 | 
						|
                  <div style="text-align: center;"><img class="img img-responsive center-block"
 | 
						|
                        style="border-top-left-radius: 10px;border-top-right-radius: 10px;width: 80%;"
 | 
						|
                        src="images/screen12.png">
 | 
						|
                  </div>
 | 
						|
               </div>
 | 
						|
            </div>
 | 
						|
         </div>
 | 
						|
      </div>
 | 
						|
   </section>
 | 
						|
</div>
 |