情報学部学習ポートフォリオシステム「Joy_Port」利用方法
1.
2.
3.

4.

5.

6.

2014/4/22 学習ポートフォリオ WG
はじめに ........................................................................................................................ 2
ポートフォリオとは ...................................................................................................... 2
利用方法 ........................................................................................................................ 2
3.1. 利用できる場所 ...................................................................................................... 2
3.2.

ブラウザ ................................................................................................................. 2

3.3.

アクセス方法 .......................................................................................................... 2

3.4. アカウント ............................................................................................................. 2
Joy_Port の概要 ........................................................................................................... 3
4.1. Joy_Port の構成 ..................................................................................................... 3
4.1.1.

トップページ (お知らせ・FAQ) ........................................................................ 3

4.1.2.

グループスペースとルーム・サブグループ ........................................................ 3

4.1.3.

プライベートルーム............................................................................................ 4

4.2.

サブグループでのユーザの権限 ............................................................................. 54.3.

モジュール ............................................................................................................. 54.4.

ユーザ・プロフィール............................................................................................ 64.5. バックアップ .......................................................................................................... 6
個人のポートフォリオページの作成 ............................................................................. 7
5.1. はじめに ................................................................................................................. 75.2.

ページ全体像 .......................................................................................................... 75.3.

サブグループ作成手順............................................................................................ 85.4. モジュール配置手順 ............................................................................................. 13
利用の注意点 ............................................................................................................... 23
6.1. カレンダーへ予定を記入するとき ........................................................................ 23

6.2. Todo の期限をカレンダーに記入するとき............................................................ 26
プライベートルームのセットアップ ........................................................................... 28
7.1. プライベートルームのセットアップ手順 ............................................................. 28
8. フリースペースの利用法 ............................................................................................. 29
8.1. はじめに ............................................................................................................... 29
7.

8.2. サブグループ作成手順.......................................................................................... 29
9. 困ったとき................................................................................................................... 32
9.1. モジュールを誤って削除した時の復旧手順 ......................................................... 32
9.2.

ブラウザがうまく動かない(Cookie 設定) IE 8 の例 ............................................. 35

9.3.

ダウンロードしたファイルのファイル名が文字化けする（Safari） ................... 38

9.4.

スケジュールの登録ができない・表示が乱れる（IE11） ................................... 40

9.5.

問い合わせ先 ........................................................................................................ 42

1 / 42

1. はじめにJoy_Port は、みなさん自身の学んだことや学びたいこと、先生方が学んでほしいと思っていることを書きこんで話し合いを進めるための web 上のシステムです。
Joy_Port 内のページは、自分だけが見える領域、指導の先生と自分だけが見える領域、学部全員が見える領域など、公開範囲を設定することができます。
みなさんが卒業するまでの間、利用することができます。
このシステムは、NetCommons(netcommons.org)をベースに構築されています。

2. ポートフォリオとは元々の単語の意味「紙ばさみ」が示すように、みなさん自身が学んだことやできるようになったこと、これから何をすべきかを、進み具合と共に記録し、まとめたものを指します。
対象となるのは、大学での学習に限りません。趣味やサークルで達成したいこと、とりたい資格、その他、今の自分を伸ばそうとして取り組んだり考えたりすることは、すべてがポートフォリオの対象となります。
ポートフォリオを作ることで、みなさん自身が自分のことを客観的に見ることができます。
これは、みなさんの将来の夢のために、この先何を学べば良いのか考える上で役立ちます。
また、ポートフォリオを周りの人に見てもらうことで、自分の能力をアピールすることもできます。就職活動の時にも役立つことでしょう。

3. 利用方法
3.1. 利用できる場所

大学内外問わず、インターネットに接続されていればどこからでもアクセスできます。
3.2. ブラウザ

推奨ブラウザは、Internet Explorer です。Cookie を受け入れる設定にしてください。また、「互換表示」に joyport の URL を追加してください。(手順: p.41)
3.3. アクセス方法

以下の URL へアクセスします。

https://joyport.inf.shizuoka.ac.jp
3.4. アカウント

ログイン名とパスワードは、情報学部のアカウント情報を利用します。
メール送受信やネットワーク認証で利用するアカウント情報を入力してください。

2 / 42

4. Joy_Port の概要
4.1. Joy_Port の構成

Joy_Port には、閲覧編集権限の設定が異なる場所が 3 つあります。これらは以下の表 1 のように呼び分けます。
表 1.

Joy_Port のそれぞれの場所の呼び方

ページの名称

閲覧・編集権限

トップページ, お知らせ, FAQ

全ユーザが閲覧可能

グループスペース

任意のユーザが閲覧・編集可能 (4.1.2 を参照)

プライベートルーム

本人のみ閲覧・編集可能

4.1.1. トップページ (お知らせ・FAQ)

トップページ (お知らせ・FAQ) の情報は Joy_Port にアクセスした人全員が閲覧できます。
これらページには、システム管理者によってお知らせが書き込まれたり、重要なルームの更新情報が表示されたりします。
4.1.2. グループスペースとルーム・サブグループ

グループスペース配下には、情報の種類に応じて分類するためのルームが設置されています。表 2 を参考にして、目的に応じて使い分けましょう。実際の画面を図 1 に示します。
また、Joy_Port 全体像を図 2 に示します。
表 2.
ルーム名
ポートフォリオ
フリースペース
マイルストーン
授業
キャリア支援室
国際交流委員会
地域連携推進室
学部向けお知らせ

Joy_Port のルーム一覧

用途
学んだことや成果物を蓄積して進捗管理をするためのサブグループを作成する場所です。
勉強会やサークルなど、自由な目的で利用するサブグループを作成する場所です。
入学年度別・プログラム別の「学習マイルストーン(※モジュールの項目参照)」を閲覧できます。
授業に関連する情報がアップされます。
キャリア支援室から、就職活動に役立つ情報がアップされます。
国際交流委員会より、主に留学に関する情報がアップされます。
地域連携推進室より、ボランティア等に関する情報がアップされます。
情報学部向けのお知らせ全般がアップされます。

3 / 42図 1. ルーム一覧

図 2. Joy_Port の全体構成
ポートフォリオとフリースペースの下には、みなさん自身でサブグループを作成できます。
サブグループとは、みなさん自身が閲覧できる人・編集できる人を設定できる web ページのことです。
Joy_Port には web ページを作るための部品(モジュール)がたくさん用意されており、誰でもすぐに本格的なページを作ることができます。
ただし、自分が作成したサブグループはもちろん、自分以外の人が作成したサブグループ
でも名前の重複は認められませんので注意してください。
4.1.3. プライベートルーム

プライベートルームは、自分以外の誰も見ることができない特別なサブグループです。
公開前の準備段階のアイディアは、ここに保管すると良いでしょう。

4 / 42

4.2. サブグループでのユーザの権限

サブグループに参加したり、仲間を参加させたりする際の権限は、3 種類あります。
モジュール配置などレイアウトの編集と閲覧の両方ができる権限を、編集者と呼びます。
モジュール配置はできないが掲示板等への書き込みのみ可能な権限を、参加者と呼びます。
モジュール配置も掲示板への書き込みもできない閲覧のみの権限を、ゲストと呼びます。
表 3. サブグループのユーザの権限の区分
呼び方
編集者
参加者
ゲスト

ユーザの権限配置するモジュールを変更したり、内容を閲覧したりできる
内容を閲覧でき、掲示板などへの書き込みができる内容の閲覧のみ。掲示板などへの書き込みはできない

4.3. モジュール

サブグループにモジュールを配置することで、web ページを作成できます(図 4)。モジュー
ルを選択し、ドラッグ＆ドロップで場所を決めます。
※画面上部のロゴと、左のカレンダー・メニュー・リンク集は、動かすことができません。

モジュール

図 4. 4 つのモジュールを配置した例
5 / 42

Joy_Port では、以下のモジュールをよく利用します。
表 4. Joy_Port でよく利用するモジュール
モジュール
カレンダー

Todo

学習マイルストーンファイルキャビネット
新着情報説明予定を書き込むことができます。
ToDo の〆切もカレンダーに表示されます。
やること・やりたいことのリストです。
〆切日と、作業の優先順位を設定することができます。
「学習マイルストーン」でも利用します。
情報学部の 3 つのプログラム別に、いつまでにどのようなことができるようになってもらいたいかを示したリストです。
ファイルをアップロードしサーバへ保管することができます。
アップロードしたファイルをダウンロードすることもできます。
Joy_Port 上で更新があった際、お知らせを表示します。
どのページの更新を監視するか、設定することができます。

4.4. ユーザ・プロフィール

Joy_Port には、以下 3 種類のユーザ区分があります。各ユーザにはプロフィールが設定されています。この値を利用すれば、ユーザの検索がしやすくなります。
表 5. ユーザの種類とプロフィール
ユーザ区分
学生
先生方
職員

プロフィールに設定されたキーワード“学生”, 入学年度(西暦 4 桁)
“教員”
“職員”4.5. バックアップ

Joy_Port は、みなさんのノートパソコンと同じように、ご自身で責任を持ってデータの管理をしていただくシステムです。アップロードするファイルは、みなさん個人が手元にバックアップを取るようにしてください。
サーバ故障などの不慮の事態の場合に限り、1 日 1 度取得しているバックアップから、必要なデータを復元します。

6 / 42

5. 個人のポートフォリオページの作成
5.1. はじめに自分が学んできたことをまとめて、進捗管理をするためのページを作成します。
編集・閲覧できるのは、自分と指導の先生だけです。
5.2. ページ全体像

図 5 のようなページを作成します。

図 5. 個人のポートフォリオページ
表 4. 配置するモジュール
モジュール
学習マイルストーン
新着情報
ToDo
ファイルキャビネット

説明履修プログラム別の達成目標のチェックリストとして使います。
このページの更新ログが自動的に表示されます。
学習マイルストーンとは別に、自分がやりたいことのチェックリストとして使います。
学んだことをファイルにまとめて保管しておく場所です。

7 / 42

5.3. サブグループ作成手順

1.

画面右上の「ログイン ID」にアカウント名 (cs13000, ia13000 など)、「パスワード」にパスワードを入力し「ログイン」をクリックします。

2.

「管理」をクリックします。

3.

「ルーム管理」をクリックします。

4.

「グループスペース」をクリックします。

8 / 42

5.

｢サブグループ作成｣をクリックします。

6.

下記を入力し、「次へ」をクリックします。
ルーム名称：自分のアカウント名_氏名
作成場所：ポートフォリオ(※サブグループ間で名前の重複は認められません。命名規則を守ってください)7.

先生を登録するため「対象会員の絞込み」をクリックします。

9 / 42

8.

「会員氏名」に先生の氏名(姓または名)を入力し、プロフィール欄に「教員」と入力し、「検索」をクリックします。(以下では西原先生を例に手順を説明します)9.

検索結果が表示されますので、氏名をクリックします。

10. 検索結果が間違いなく自分の指導の先生であることを確認します。
確認したら、画面右上「×」をクリックしてウインドウを閉じます。

10 / 4211. 「編集者」にチェックを入れて、右下の「決定」をクリックします。

12. 「参加会員」のタブを開き、参加者が正しく登録されていることを確認し「一覧へ」をクリックします。

「管理者」「総務係」は管理者権限のためどのルームでも必ず登録されます！

13. 「ルーム管理画面」に戻りますので、自分が今作成したサブグループが表示されていることを確認し、画面右上「×」をクリックして閉じます。

11 / 4214. 画面右上「管理終了」をクリックします。

15. サブグループが正しい場所(ポートフォリオの下)に作成されたことを確認します。

12 / 42

5.4. モジュール配置手順

＜準備＞
1.

個人のポートフォリオのルームへ移動します。
メニュー > グループスペース > ポートフォリオ をクリックします。

2.

表示された自分のサブグループをクリックします。

3.

画面右上「セッティングモード」をクリックします。

13 / 42＜ファイルキャビネット＞
1. 「セッティングモード」になっていることを確認します。
2.

画面中央「モジュール追加」をクリックし、「キャビネット」を選択します。

3.

「決定」をクリックします。

14 / 42

4.

再度「決定」をクリックします。

5.

キャビネットの設置が完了しました。

※ファイルをダウンロードする時は、右クリックして「対象をファイルに保存」してください。
Safari をご利用の場合は 9.3 項もご覧ください。

15 / 42

＜ToDo＞
1.

「セッティングモード」になっていることを確認します。

2.

「モジュール追加」をクリックし「ToDo」を選択します。

3.

ToDo プリセット「プリセットなし」を選択し「決定」をクリックします。

4.

再度「決定」をクリックします。

16 / 42

5.

ToDo の配置が完了しました。

17 / 42

＜学習マイルストーン＞
1.

「セッティングモード」になっていることを確認します。

2.

「モジュール追加」>「Todo」を選択します。(学習マイルストーンは Todo の 1 つです)3.

自分の所属する学年・プログラムを選択し、「決定」をクリックします。

4.

再度「決定」をクリックします。

18 / 425.

学習マイルストーンの配置が完了しました。

19 / 42

＜新着情報＞
1.

「セッティングモード」になっていることを確認します。

2.

「モジュール追加」をクリックし「新着情報」を選択します。

3.

「指定したルームのみ表示する」の右にある「指定する」をクリックします。

20 / 42

4.

自分のサブグループを「追加」し、最後に「決定」をクリックします。

5.

2 の画面に戻りますので、「決定」をクリックします。

21 / 426.

新着情報の配置が完了しました。

22 / 42

6. 利用の注意点
モジュールを利用する時に特に注意が必要な点を以下で説明します。
6.1. カレンダーへ予定を記入するとき画面左上に常に表示されているカレンダーには、自分だけが閲覧できる個人の予定を書き込むことができます。
設定を誤ると、プライベートな予定を多くの人に公開してしまいますので、注意して設定してください。
1.

カレンダー上で、予定を書き込む日（ここでは 9 月 15 日）をクリックします。

2.

続いて表示される「予定の追加」をクリックします。

23 / 42

3.

件名を入力します。

4.

公開対象で選択したルームまたはサブグループの参加者全員に、登録した予定が公開されます。
ここでは個人ポートフォリオページを選択したので、自分と先生にのみ公開されます。

5.

「メールで通知」にチェックを入れた場合、公開対象で選択したルームまたはサブグループの参加者全員に、登録した予定の内容がメールで送信されます。
ここでは個人ポートフォリオページを選択したので、自分と先生にメールが届きます。

24 / 426.

「詳細な登録」をクリックすると、予定の詳しい内容を登録することができます。

25 / 42

7.

「決定」をクリックすると、カレンダーに予定が登録されます。

8.

登録した予定は、カレンダー上では以下のように表示されます。
今回の登録方法だと、この予定は自分と先生にのみ公開されます。

6.2. Todo の期限をカレンダーに記入するとき

1.

Todo には期限を設けることができます。期限を入力し「カレンダーに記入」へチェックを入れると、その Todo モジュールが配置されているルームまたはサブグループに参加している人全員が閲覧できるカレンダーに予定が登録されます。

26 / 422.

Todo を削除すると、カレンダーの予定も削除されます。
ただし、カレンダーの予定を削除しても、Todo は削除されません。

3.

Todo モジュールをまるごと削除しても、カレンダーに登録した予定は削除されません。
Todo 一覧の表示をやめただけで、データそのものは残っているためです。この現象について詳しく知りたい場合、P.35 をご覧ください。

27 / 42

7. プライベートルームのセットアップ
7.1. プライベートルームのセットアップ手順

まだうまくまとまっていない考えなどを置いておくためのページをセットアップします。
編集・閲覧できるのは、自分だけです。管理者も編集・閲覧できません。
プライベートルームへ移動するには、画面左下「メニュー」の「トップページ」の下に表示されている「xxxx のプライベートルーム」をクリックします。
作成手順は、ポートフォリオページの手順に従ってください。以下に例を示します。

表 5. 配置したモジュール
モジュール
学習マイルストーン
新着情報
ToDo
ファイルキャビネット

説明履修プログラム別の達成目標のチェックリストとして使います。
このページの更新ログが自動的に表示されます。
学習マイルストーンとは別に、自分がやりたいことのチェックリストとして使います。
学んだことをファイルにまとめて保管しておく場所です。

28 / 428. フリースペースの利用法
8.1. はじめにフリースペースは、みなさん自身が自由にサブグループを作成できます。
ユーザ ia13000 が、授業のグループ学習メンバである cs13000、cs12000 と西原先生との4 人で使うサブグループを作る例を紹介します。
8.2. サブグループ作成手順

1. 「管理」をクリックします。

2. 「ルーム管理」をクリックします。

3. 「グループスペース」をクリックします。

4. ｢サブグループ作成｣をクリックします。

29 / 42

5. ルーム名称(サブグループの名前)を入力します。
注意！) 既に使われているルーム名は付けられません。別のルーム名にしてください。
作成場所が「フリースペース」になっていることを確認し「次へ」をクリックします。

6. まず cs08000 を登録します。「対象会員の絞込み」をクリックして検索します。

7. ログイン ID に「cs13000」を入力し、「検索」をクリックします。

30 / 42

8. cs13000 の「編集者」にチェックを入れページ右下の「続けて登録」をクリックします。

9. 次に cs12000 を登録します。6, 7, 8 の手順に従います。手順 7 にて、ログイン ID として「cs12000」を入力し、検索結果が表示されたら「編集者」にチェックを入れて「続けて登録」をクリックします。
10. 次に西原先生を登録します。6, 7, 8 の手順に従います。手順 7 にて、ログイン ID として「nishihara」を入力し、検索結果が表示されたら「編集者」にチェックを入れ、「決定」をクリックします。
11. サブグループの名前と、メンバを確認して「一覧へ」をクリックします。

「管理者」「総務係」は管理者権限のためどのルームでも必ず登録されます！

12. 以上で完了です。

31 / 42

9. 困ったとき
9.1. モジュールを誤って削除した時の復旧手順「モジュール」を削除しても、データは全て残っていますので安心してください。
1.

セッティングモードを ON にします。

32 / 422.

削除してしまったモジュール(ここではキャビネット)を選択します。

3.

「一覧表示」タブをクリックすると、以前使っていたデータを表示できます。日付等
でデータを確認し、チェックを入れて選択したら、「編集終了」をクリックします。

33 / 42

4.

キャビネットが一番上に配置されますので、タイトルのそばにカーソルを合わせて(十字のカーソルに変わります) そのままドラッグして下へ移動します。

5.

これで元通りになりました。その他のモジュールも、同じように元通りにできます。

34 / 429.2. ブラウザがうまく動かない(Cookie 設定) IE 8 の例

ブラウザが cookie を受け入れる設定になっていない場合、以下のような警告が出ます。
このような場合は、ブラウザの設定変更が必要です。

https://joyport.inf.in.shizuoka.ac.jp/

1.

ツール＞インターネットオプション を選択します。

35 / 422.

プライバシー タブにて、詳細設定ボタンをクリックします。

3.

「自動 Cookie 処理を上書きする」にチェックを入れ、ファーストパーティの Cookie 「受け入れる」
サードパーティの Cookie「受け入れる」「常にセッション Cookie を許可する」にチェックが入っていることを確認し、「OK」をクリックします。

36 / 424.

プライバシー タブ

5.

画面上部に警告が出なくなったことを確認します。に戻りますので、OK をクリックします。

37 / 429.3. ダウンロードしたファイルのファイル名が文字化けする（Safari）

Safari をご利用の場合、以下の手順でファイルキャビネットからダウンロードしたファイルのファイル名が文字化けしてしまう問題を回避できます。(バージョン 5 以降のみ)
1.

ファイルキャビネット内にあるダウンロードしたいファイルをクリックすると表示されるウインドウで「保存」をクリックします。
注意！）右クリックメニュー「リンク先のファイルをダウンロード」を選ぶと、ファイル名が文字化けしてしまいます。

2.

テキストファイルなど、クリックするとブラウザ内で表示されてしまうタイプのファイルをダウンロードする場合は、「リンクを新規タブで開く」をクリックします。

38 / 423.

新しいタブはそのままにし、元のファイルキャビネットのページに戻ってファイルを右クリックし「リンク先のファイルを別名で保存」を選択します。

4.

ファイル名が文字化けせず保存されます。

39 / 42

9.4. スケジュールの登録ができない・表示が乱れる（IE11）

Internet Explorer 11 を利用していると、スケジュールの登録など、小さなダイアログが開く場合に表示が乱れることがあります。Joy_Port を利用する前に以下の設定をしてください。
1.

Internet Explorer を開き、右上にある設定ボタンをクリックします。

2.

「互換表示設定」をクリックします。

40 / 42

3.

「shizuoka.ac.jp」と入力されていることを確認し「追加」をクリックし、さらに「閉じる」をクリックします。

4.

問題のあったページにもう一度アクセスし、不具合が起こらないことを確認します。

41 / 429.5. 問い合わせ先(1) 技術的なトラブル
ログインできない、サーバにアクセスできない、など技術的な問い合わせは、まで。

(2) 使い方についての質問
使い方がよくわからない時は、2 号館 1 階 IT ソリューション室まで。
月曜日と木曜日の昼休みに開いています。
(3) システムの改善要望
もっとこんな使い方をしたい、こんなことはできないの？などの要望は、まで。

42 / 42