runestoneinteractive.github.io/customcourse.html at master · RunestoneInteractive/runestoneinteractive.github.io · 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
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>

<html lang="en">
<head>
  <meta name="generator" content=
  "HTML Tidy for Mac OS X (vers 31 October 2006 - Apple Inc. build 15.12), see www.w3.org">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content=
  "width=device-width, initial-scale=1">
  <meta name="description" content=
  "Links and descriptions of Runestone Interactive resources">
  <meta name="author" content="Brad Miller">
  <link rel="shortcut icon" href="assets/ico/favicon.ico">

  <title>Using a Runestone Book</title><!-- Bootstrap core CSS -->
  <link href="css/bootstrap.min.css" rel="stylesheet" type=
  "text/css"><!-- Custom styles for this template -->
  <link href="css/jumbotron-narrow.css" rel="stylesheet" type=
  "text/css">
  <!-- Just for debugging purposes. Don't actually copy this line! -->
  <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

  <style type="text/css">
.gstart {
        counter-reset: my-badass-counter;
    }
    .gstart dt {
        position: relative;
        font: bold 16px Georgia;
        padding: 4px 0 10px 0;
    }
    .gstart dt:before {
        content: counter(my-badass-counter);
        counter-increment: my-badass-counter;
        position: absolute;
        left: 0;
        top: 0;
        font: bold 50px/1 Sans-Serif;
      color: #428bca;
    }
    .gstart dd {
        margin: 0 0 50px 0;
    }
    .gstart dt, .gstart dd {
        padding-left: 50px;
    }
  </style>
</head>

<body>
  <div class="container">
    <div class="header">
      <ul class="nav nav-pills pull-right">
        <li><a href="index.html">Home</a></li>

        <li><a href="library.html">Library</a></li>

        <li><a href="about.html">About</a></li>

        <li><a href="contact.html">Contact</a></li>

        <li><a href="build/html/faq.html">FAQ</a></li>

        <li><a href="build/html/index.html">Docs</a></li>

      </ul>

      <h3 class="text-muted">Runestone Interactive</h3>
    </div>

    <div class="jumbotron">
      <h1>Using Runestone Books in Class</h1>

      <p class="lead">Our books are used in Hundreds of Colleges,
      Universities and High Schools. We invite you to create your
      own course. Its free, and pretty easy.</p>
    </div>

    <div class="row marketing">
      <div class="col-md-12">
        <h1>Why/how create my own course?</h1>
        <iframe width="560" height="315" src="https://www.youtube.com/embed/IGg_SUWEnGU" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
        <h1>Video Help</h1>
        <p>The videos linked below will walk you through most of the tasks associated with setting up and managing your course on Runestone Academy</p>
      </div>

      <div class="col-md-6">
          <h4>Manage your course</h4>

          <p>The <a href="https://youtu.be/oeGwKLNLI-Y"> Admin Page</a> Lets you manage every
             aspect of your course from student enrollment to grading. </p>
        </div>

      <div class="col-md-6">
          <h4>Check Student Progress and Activity</h4>

          <p>Do you wonder whether your students are really doing the readings homework? Our <a href="https://youtu.be/nqcv3U6uFQg">Instructor
              Dashboard</a>  can show you</p>
        </div>

      <div class="col-md-6">
          <h4>Create your own assignments</h4>

          <p>Choose from the exercises we provide, questions written by fellow instructors, or write your own.  <a href="https://youtu.be/wJnpanrFpYI" >This video</a> will show you how.

          </p>
        </div>

        <div class="col-md-6">
          <h4>Grade Homework Right in the Book</h4>

          <p>For each assignment you can see all your student
          homeworks on one page. Grading is quick and easy with the
          click of a button to run each submission.  Many exercises can also be auto graded!
          Check out <a href="https://youtu.be/Sfxbrgr9-ug">This Video</a></p>
        </div>

        <div class="col-md-6">
          <h4>Write your own Questions</h4>

          <p>When you are ready you can write your own questions using the Runestone Components
             <a href="https://youtu.be/l84cb4wtM8g">This Video</a> will get you started.</p>
        </div>


      </div>

      <div class="col-md-12">
        <hr class="featurette-divider">
        <a name="getstarted"></a>

        <h1>How do I Create my Own Course?</h1>

        <dl class="gstart">
          <dt>Register as a user</dt>

          <dd>Begin by registering as a regular user <a href=
          "https://runestone.academy/runestone/default/user/register">
          Here</a>. When you register, register for the thinkcspy
          course. You will change that in a few steps.</dd>

          <dt>Navigate to the Instructor's Dashboard</dt>

          <dd>The <a href=
          "https://runestone.academy/runestone/admin/index">Instructors
          Dashboard</a> Has the tools to create a course, update a
          course, grade assignments, and generate other
          reports.  For now, we will use it to create a course.</dd>

          <dt>Create a Custom Course</dt>

          <dd>Click on the Create Course link to go to the course creation page.  there you will enter some important information about your course.</dd>

          <dt>Enter Course Information</dt>

          <dd>You will need a unique name for your course, <code>yourcoursename</code> along
          with the start date, and some other information. The
          unique course name is the name your students will need to
          use to register.</dd>

          <dt>Select a Book</dt>

          <dd>You can use How to Think Like a Computer
          Scientist, Problem solving with Algorithms and Data
          structures using Python. The AP CS A Java Review or almost any of the books in our library.</dd>

          <dt>Submit</dt>

          <dd>In just a few minutes a course will be set up, and a
          book built for you. After a successful build you will be
          registered as the instructor for this course, and you should be at the homepage.  If you get an error check the URL carefully.   It should look like <code>https://runestone.academy/runestone/static/yourcoursename/index.html</code>  the yourcoursename part is important and serves to uniquely idenitfy your course.</dd>
        </dl>
      </div>


      </div>

    <div class="footer">
      <p>&#169; Runestone Interactive 2014</p>
    </div>
  </div><!-- /container -->
  <!-- Bootstrap core JavaScript
    ================================================== -->
  <!-- Placed at the end of the document so the pages load faster -->
  <script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-29883683-1']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

  </script>
</body>
</html>