pl2_website/using-pl2.html at master · LearnSphere/pl2_website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html>
<head>
    <title>Personalized Learning&sup2;</title>
    <!--jQuery must also be linked for Bootstrap to function-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <!--fonts-->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700&display=swap" rel="stylesheet">
    <!-- This website uses Bootstrap JS and CSS through links to MaxCDN's CDN supported version-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    <!--custom css-->
    <link href="index.css" rel="stylesheet">
    <link href="general.css" rel="stylesheet">
    <link href="other-pages.css" rel="stylesheet">
</head>
<body>
    <div id="navigation" class="row align-middle justify-content-center">
        <div class="col-5">
            <a id="PL2-name" href="index.html">
                <img href="index.html" class="pl2-logo" src="images/pl2-logo.svg">
                Personalized Learning&sup2;
            </a>
        </div>
        <div class="col-2 nav-item all-caps"><a href="our-mission.html">Our Mission</a></div>
        <div class="col-2 nav-item all-caps selected-nav">Using PL&sup2;</div>
       <div class="col-2 nav-item">
            <button onclick="window.open('https://pl2.andrew.cmu.edu/PL2', '_blank'); return false;" id="pl2-btn" type="button" class="btn btn-outline-primary all-caps">PL&sup2; APP</button>
       </div>
    </div>

    <div id="" class="row justify-content-center section-container-mod">
        <div class="col-md-9 row justify-content-center">
            <div class="blue-header col-md-12 center">
                A Story Of How PL&sup2; Works
            </div>
            <div>
                Adela is a mentor that works with students who need extra help in math class. She meets with them once a week, one-on-one or in small groups. Adela's students use an online program that they use to practice math problems and learn concepts, both in school and at home. Adela works with each student to set personal goals for the number of activities they'll complete and the progress they'll make. PL&sup2; connects with the online program to help Adela track her students' learning.

            </div>

        </div>
    </div>

    <div id="" class="row justify-content-center section-container-mod">
        <div class="col-md-11 row justify-content-center">
            <div class="blue-header col-md-12 center">
                PL&sup2; Features
            </div>
            <div class="col-md-4 row justify-content-center">
                <div class="feature-img col-12">
                    <img src="images/dashboard.png">
                </div>

                <div class="center col-12">Dashboard</div>
                <div class="feature-text col-10">PL&sup2; allows mentors to view all their students and set individual goals based on their status.</div>
            </div>
            <div class="col-md-4 row justify-content-center">
                <div class="feature-img col-12">
                    <img src="images/resources.png">
                </div>
                <div class="center col-12">Resources</div>
                <div class="feature-text col-10">PL&sup2; recommends resources to the mentors based on the status of their students.</div>
            </div>
            <div class="col-md-4 row justify-content-center">
                <div class="feature-img col-12">
                    <img src="images/progress.png">
                </div>
                <div class="center col-12">Tracking Progress</div>
                <div class="feature-text col-10">Using PL&sup2;, mentors can track how their students' ed-tech data changes over time.</div>
            </div>

        </div>
    </div>

    <div class="row justify-content-center margin-0 section-container-mod videos">
        <div class="blue-header col-md-12 center">
            PL&sup2; Instructional Videos
        </div>
        <div class="col-md-9">
            Below is an <b>overview</b> video of PL&sup2; (March 2020) covering the mentor dashboard, individual student pages, and resources. PL&sup2; is still in development and is continuously undergoing changes &mdash; please check back or reach out about future updates!
            <br><br>

        </div>
        <div class="col-md-5" style="padding-bottom: 30px">
	  <iframe class="" width="560" height="315" src="https://www.youtube.com/embed/gQ6cu92gzrk" frameborder="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
          <p>PL&sup2; Overview</p>
        </div>
        <br>
        <div class="col-md-9">
            This next video covers the use of the PL&sup2; Resource Assistant. With the <b>Resource Assistant</b>, you can choose to answer one or more questions about your student, the answers of which are used to guide you to a resource that you can use to help the student. (Added March 2020)
            <br><br>

        </div>
        <div class="col-md-5">
	  <iframe class="" width="560" height="315" src="https://www.youtube.com/embed/Lzz0mcJYidw" frameborder="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
          <p>Using the Resource Assistant</p>
        </div>
        <br>
        <div class="col-md-9" style="padding-top: 10px">
            This next series of short videos cover different aspects of PL&sup2; : completing the <b>Foundational Questions</b> as you get to know your student, navigating <b>student progress</b> using their EdTech data, adding <b>Reflections</b> after a session with your student or to plan for your next session, <b>navigating</b> and <b>assigning Resources</b> to your students, and <b>creating Resources</b> so that others can use tools or supports that you found helpful. (Added April 2020)
            <br><br>
        </div>
        <div class="col-md-5" style="padding-left: 100px">
          <iframe class="" width="360" height="315" src="https://www.youtube.com/embed/tSBOe76V7lU" frameborder="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
          <p>Foundational Questions</p>
        </div>

        <div class="col-md-5" style="padding-bottom: 15px">
          <iframe class="" width="360" height="315" src="https://www.youtube.com/embed/fTTGptSe3hc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
          <p>Navigating student progress</p>
        </div>

        <div class="col-md-5" style="padding-left: 100px">
          <iframe class="" width="360" height="315" src="https://www.youtube.com/embed/bR3RUkznNRk" frameborder="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
          <p>Reflections</p>
        </div>

        <div class="col-md-5" style="padding-bottom: 15px">
          <iframe class="" width="360" height="315" src="https://www.youtube.com/embed/oDkIwVAmAQw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
          <p>Navigating resources</p>
        </div>

        <div class="col-md-5" style="padding-left: 100px">
          <iframe class="" width="360" height="315" src="https://www.youtube.com/embed/vOpMXUtuVKA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
          <p>Assigning and using resources</p>
        </div>

        <div class="col-md-5" style="padding-bottom: 15px">
          <iframe class="" width="360" height="315" src="https://www.youtube.com/embed/IuayEbyFARE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
          <p>Creating resources</p>
        </div>

        <div class="col-md-9" style="padding-top: 10px">
            As a PL&sup2; <b>Admin</b> you have additional functionality available in the app. This video covers those features. (Added March 2020)
            <br><br>

        </div>
        <div class="col-md-5">
          <iframe class="" width="560" height="315" src="https://www.youtube.com/embed/G9fdaJjkcIQ" frameborder="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
          <p>Features available to PL&sup2; Admin users</p>
        </div>
        <br><br>

        <div class="col-md-9" style="padding-top: 10px">
          We've compiled several screenshots of other parts in PL&sup2;, including explanations for different features:
          <ul>
            <li><a target="_blank" href="https://drive.google.com/open?id=10TQYTp9GmGuFJzMpk6_tcOFq2Js9EcZifDar-uPK_e0">Switching between students</a></li>
            <li><a target="_blank" href="https://drive.google.com/open?id=1xLrX1LbT3hP0jGZzSZYbJQYLk69HjLV3gf89Dsljois">Changing student goals</a></li>
            <li><a target="_blank" href="https://drive.google.com/open?id=1x7NFH6H5b4wFF_bDytK1AbjTDsX7VK6QvoLP1ZeLb7w">Modifying settings</a></li>
            <li><a target="_blank" href="https://drive.google.com/open?id=1BxO0VDkSYrE9cKOrn36fvw3yaV05-w15jYkQizXVBGA">Understanding student status</a></li>
            <li><a target="_blank" href="https://drive.google.com/open?id=17V6g71glztYMAZhUQGis9UcXnBVbomj-Q_ZOYvVEY1c">Submitting Questions/Feedback</a></li>
          </ul>
            <br><br>

        </div>
    </div>

    <div class="row justify-content-center margin-0 section-container-mod">
        <div class="blue-header col-md-12 center release-notes">
            <a href="release_notes.html">PL&sup2; Version 2.0 Release Notes</a>
        </div>
    </div>

    <div class="footer row justify-content-center">
        <div id="footer-email" class="col-md-4 inline">Interested in learning more? Want to get involved? Email Anne Sekula at <a target="_blank" href="mailto:sekulaconsulting@gmail.com;pl2-app-help@lists.andrew.cmu.edu" class="regular inline footer-link">sekulaconsulting@gmail.com</a></div>
        <a target="_blank" href="https://www.cmu.edu/legal/" class="col-md-2 footer-item regular footer-link">Terms of Use</a>
        <div class="col-md-3 footer-item">Personalized Learning&sup2; &copy; 2019</div>
        <div class="col-md-2 footer-item">
            Supported by&nbsp;&nbsp;
            <a target="_blank" href="https://chanzuckerberg.com/grants-ventures/grants/"><img id="czi-logo" src="images/czi-logo.svg"></a>
        </div>
    </div>

</body>
</html>