syllabus-frontend/howToUse.html at main · ut-code/syllabus-frontend · 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
<!DOCTYPE html>
<html lang="ja" style="height: 100%">
  <head>
    <title>使い方 - シ楽バス - 履修登録支援システム</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />
    <link rel="stylesheet" type="text/css" href="style.css" />
    <link rel="icon" href="resources/favicon-utcode.png" />
  </head>
  <body>
    <!-- Google tag (gtag.js) -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-1333G3QB00"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());

      gtag("config", "G-1333G3QB00");
    </script>
    <header id="global-header">
      <a href="/"
        ><ruby>シ楽バス<rt>しらばす</rt></ruby></a
      >
      <a href="https://utcode.net/" id="logo-link">
        <span>by</span>
        <img src="resources/utc-logo.svg" alt="ut.code();" />
      </a>
    </header>
    <main>
      <h1>Quick Start</h1>

      本サービスは以下の3つの手順で使用を開始できます。
      <h3>1. 所属の設定</h3>
      開始後”はじめる”をクリックすると、使用者の所属を入力する画面が表示されます。ここで項目を入力後”OK”を選択してください。
      <h3>2. 時間割の作成</h3>
      画面上部のタブ(ヘッダー)から”Edit”を選択し、時間割編集モードに入ってください。ここでは様々な条件で講義を検索できます
      (詳しくは**時間割を編集**の項目を参照)
      。ここでは例として、曜限の指定により授業を検索してみます。画面上部の時間割表からお好きな曜限を選択します。検索結果一覧が更新されるため、ここから好きな講義を選択してください。講義の詳細が表示されるため、画面右上の<span
        style="color: rgb(0, 211, 114)"
        >”追加”</span
      >ボタンをクリックしてください。以上で講義を時間割に追加することができました。
      <h3>3. 時間割の閲覧</h3>
      画面上部のタブ (ヘッダー)
      の”View”を選択してください。先ほど選択した講義が追加されていることを確認できます。講義をクリックすると、その詳細情報が表示されます。

      <br />普段はViewモードで使用し、履修登録期間はEditモードで編集すると便利です。

      <h1>1.所属の設定</h1>

      使用者の所属（クラス）を設定することで、そのクラスの<span
        style="color: red"
        >必修科目や推奨科目が自動で登録され、</span
      >手間を省くことができます。
      仮に一つも授業が登録されていない、真っ新な状態から作成したい場合は<span
        style="color: blue"
        >”必修を自動入力”</span
      >のチェックを外してください。
      <h3>注意</h3>
      <div style="border: 2px solid red">
        英語や基礎実験などは同じクラスの中でも履修が分かれるため、「必修を自動入力」を押して進むと考えられる全ての授業が登録され「<span
          style="color: red"
          >英語二列S(FLOW)(14)</span
        >」のように表示されてしまいます。
        <br />自分の取る先生の授業以外は削除するとよいでしょう。
      </div>
      <h1>2.時間割を編集 (Editモード)</h1>

      1. 画面上部のタブ(ヘッダー)から<span style="color: red">”Edit”</span
      >を選択し、時間割編集モードに入ります。 <br />2.
      お好きな検索条件でフィルターを掛けます(下記”検索フィルター一覧”を参照)。そのつど検索結果が更新されます。
      <br />3.
      条件に合う講義が一覧表示されます。好きな講義を選択すると詳細画面が表示されるため、右上の<span
        style="color: rgb(0, 211, 114)"
        >”追加”</span
      >ボタンから時間割表に追加します。
      <h3>検索フィルター一覧</h3>
      <table id="filterList">
        <thead>
          <tr>
            <th></th>
            <th>フリーワード</th>

            <th>曜限</th>
            <th>学期</th>
            <th>評価方法</th>
            <th>種別</th>
            <th>登録</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>詳細</td>
            <td>
              入力フィールドの右にあるボタンから、検索対象を「講義名」と「講義の情報全て」をスイッチできます。
            </td>

            <td>
              上部の時間割表からコマを選択します。複数選択が可能です。例えば月曜１限のコマと月曜３限のコマをクリックすると、月曜１限もしくは月曜３限に開かれる科目のみが表示されます。1つも選択していない場合、曜限フィルターはかかりません。
            </td>
            <td>
              開講区分S, A, S1, S2, A1, A2
              でフィルターを掛けます。S（セメスター制）でフィルターを掛けた場合、S1やS2（ターム制）の講義は除外されるので注意しましょう。
            </td>
            <td>
              出席やテスト、レポートなど、特定の評価方法を含める、または除外するフィルターを掛けます。評価方法の有無はシラバスの情報のみから判断しているため、正しくない場合があります
            </td>
            <td>基礎、要求、主題、展開、総合でフィルターを掛けます</td>
            <td>既に時間割に追加されているか否かでフィルターを掛けます</td>
          </tr>
          <tr>
            <td>リセット時の挙動</td>
            <td>変化しません</td>

            <td>全選択</td>
            <td>全選択</td>
            <td>選択解除</td>
            <td>総合のみ選択</td>
            <td>全選択</td>
          </tr>
        </tbody>
      </table>
      <h1>3.時間割を閲覧 (Viewモード)</h1>

      画面上部のタブ(ヘッダー)から<span style="color: red">”View”</span
      >を選択し、時間割編集モードに入ります。

      <br />講義を選択すると、その詳細情報を見ることができます。

      <br />その講義が<span style="color: red; font-weight: bold">必修</span>
      (もしくは)
      <span style="color: blue">推奨</span
      >である場合、講義名に下記マークが付けられます。
      <table id="filterList">
        <thead>
          <tr>
            <th></th>
            <th>必修</th>
            <th>推奨</th>
            <th>その他</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>マーク</td>
            <td>
              <span style="color: red">◆</span>
            </td>
            <td>
              <span style="color: blue">▲</span>
            </td>
            <td>黒字</td>
          </tr>
          <tr>
            <td>詳細</td>
            <td>前期課程修了要件に入っており、必ず取らなければなりません。</td>
            <td>
              前期課程修了要件に指定がありますが、他の講義との選択制になっている講義です。取ると履修が捗るため「必修」ではなく「推奨」の表示としています。
            </td>
            <td></td>
          </tr>
        </tbody>
      </table>
      <h1>FAQ (逆引き)</h1>

      <h3>Q:カレンダーから授業を削除したい</h3>

      A:画面上部のタブから<span style="color: red">”Edit”</span
      >を選択し、時間割編集モードに入ります。「検索結果:○○件」の右側にある「登録中の講義」を押すと、現在カレンダーに登録されている講義の一覧が、検索結果と同じように表示されます。削除したい講義の欄にある<span
        style="color: red"
      >
        ”削除”</span
      >ボタンをクリックします。
      <h3>Q:表示されている単位数は、どのように計算している？</h3>

      A:基本的には、登録している授業の全ての単位数を足し算しています。ただし、同じ曜限に同じ名前の科目が複数ある場合は、1つの授業のみとみなして単位計算に含めています。
      <h3>Q:講義名につけられた”（数字）”は何ですか?</h3>
      A:
      その曜限に開講される必修講義に選択肢がある場合に付与される数字です。選択肢の数を示しています。自分の受ける講義が確定したら、上記の「Q:カレンダーから授業を削除したい」に従って、関係ない講義を削除しましょう。
      <h3>Q:探している講義が検索結果に表示されない</h3>
      A:検索フィルターによりはじかれている可能性があります。曜限によるフィルターや検索条件を見直してください。
      <h3>Q:同じ講義が複数コマに登録された</h3>
      A:所属により開講時間が異なる場合に起こります。シラバスの情報をもとに適切な講義のみを残してください(Editモードから不要な講義を削除できます)。
      <h3>Q:サービスを向上してください</h3>
      A:こちらの<a href="https://forms.gle/stBdKuCsXm8LUdBm8"
        >ご意見・お問い合わせフォーム</a
      >からご意見をお寄せください。
    </main>
    <footer id="global-footer">
      <a href="https://forms.gle/stBdKuCsXm8LUdBm8">ご意見</a>
      <a href="howToUse.html">使い方</a>
      <a href="notion.html">履修上の注意</a>
      <a href="disclaimer.html">免責事項</a>
      <a href="aboutus.html">About us</a>
      <a href="https://utcode.net/" target="_blank">ut.code();</a>
    </footer>
  </body>
</html>