平 成 25 年 度 NetCommons 活 用 研 修 会 グループウェア: 活 用 編 NetCommons 演 習 テキスト 埼 玉 県 立 総 合 教 育 センター
< 目 次 > ネットコモンズ(NetCommons)の 仕 組 み CMS の1つであるネットコモンズ 3 ネットコモンズの 仕 組 み 3 県 立 学 校 間 ネットワークの 仕 組 み 4 参 考 Windows パソコン 上 へのネットコモンズのインストール 5 ネットコモンズ(NetCommons)をグループウェア( 非 公 開 会 員 制 サイト)として 使 う デモサイトを 使 ってグループウェアを 体 験 する 9 デモサイトを 参 考 にグループウェアを 構 築 する 10 参 考 カレンダーモジュールを 使 ってメンバーの 予 定 を 把 握 する 19 参 考 汎 用 データベースによる 情 報 共 有 23 ネットコモンズ(NetCommons)によるホームページ 作 成 の 工 夫 画 面 全 体 をきれいにそろえるには 24 ページのスタイルを 変 更 するには 25 お 知 らせ のタイトルの 変 更 や 枠 線 の 消 すには 25 ヘッダ 部 にフォトアルバムを 追 加 26 画 像 挿 入 時 の 注 意 点 27 NetCommons 活 用 事 例 研 究 グループウェア 設 計 個 別 演 習 28 学 校 HP の 運 用 について( 協 議 ) 29 2
ネットコモンズ(NetCommons)の 仕 組 み CMS の1つであるネットコモンズ ネットコモンズは Web サーバとホームページ 作 成 ソフトウェアが 一 体 になった CMS の 一 つです CMS(Contents Management System:コンテンツマネージメントシステム)を 利 用 しホームページを 作 成 する 利 点 は 次 のとおりです HTML に 関 する 専 門 的 な 知 識 が 必 要 ありません 担 当 者 ごとに 権 限 が 割 り 当 てられているのでホームページの 更 新 が 特 定 の 管 理 者 の 負 担 となることがあ りません ホームページ 作 成 のための 専 用 のソフトウェアを 使 わないで すべての 操 作 がブラウザ 上 で 行 えます 必 要 な 機 能 をモジュールとして 追 加 することが 可 能 です ユーザ 管 理 を 行 うことによって 双 方 向 のコミュニケーションが 可 能 になります 電 子 メールと 組 み 合 わせることによって 利 用 者 への 通 知 機 能 を 利 用 することができます アクセス 数 の 解 析 など 戦 略 的 なホームページの 作 成 に 役 立 ちます ネットコモンズの 仕 組 み サーバ OS Windows or Linux Web サーバ Apache データベース MySQL Web プログラミング PHP クライアント Web ブラウザ Internet Explorer or FireFox 県 立 学 校 の 場 合 は 県 立 学 校 間 ネットワーク の 機 能 として サーバが 用 意 されています ネットコモンズを 利 用 する 場 合 には 高 校 教 育 指 導 課 ICT 推 進 担 当 へ 申 請 する 必 要 があります 市 町 村 立 学 校 の 場 合 には 各 市 町 村 によってインターネット 環 境 が 異 なりますので サーバの 設 置 については 市 町 村 教 育 委 員 会 と 相 談 していただく 必 要 があります (すでに 深 谷 市 など ネットコモンズを 導 入 している 市 町 村 もあります) とりあえず ネットコモンズを 試 してみたいという 場 合 には Windows パソコンにネットコモンズに 必 要 な サーバソフトとネットコモンズをインストールする 方 法 もあります サーバソフトは XAMPP(ザンプ)とい うパッケージを 使 うと 一 度 にインストールできます 3
県 立 学 校 間 ネットワークの 仕 組 み 県 立 学 校 間 ネットワークで 用 意 されているネットコモンズのサーバには2 種 類 あります 外 部 向 け( 全 世 界 インターネット 上 に 公 開 されているホームページ) http://www..spec.ed.jp 学 校 ホームページとして 情 報 を 発 信 できます 内 部 向 け( 校 内 県 立 学 校 間 ネットワーク 内 に 公 開 されているホームページ) http://inside..spec.ed.jp 校 内 の 情 報 を 共 有 できます 各 学 校 あたりに 割 り 当 てられている 容 量 は 外 部 向 け 内 部 向 け 合 わせて1 0 G B です (1 月 より) 4
参 考 Windows パソコン 上 へのネットコモンズのインストール 1)サーバソフト XAMPP(ザンプ) のインストール http://www.apachefriends.org/jp/xampp-windows.html XAMPP または XAMPP USB Lite をダウンロードし インストール 2)XAMPP の 起 動 コンピュータ ローカルディスク(C:) xampp フォルダ 内 xampp_control.exe を 起 動 2つの Start ボタンをクリック 3)XAMPP の 動 作 確 認 ブラウザ(Internet Explorer など)を 起 動 し http://localhost を 表 示 4)NetCommons(ネットコモンズ) のインストール http://www.netcommons.org/ NetCommons for Windows をダウンロード ダウンロードしたファイル(zip ファイル)を 解 凍 ( 展 開 ) 5
4)NetCommons(ネットコモンズ) のインストール( 続 き) 解 凍 ( 展 開 )してできたフォルダ 内 の html フォルダを 次 の 場 所 にコピー( 移 動 ) コンピュータ ローカルディスク(C:) xampp フォルダ htdocs フォルダ ブラウザ(Internet Explorer など)を 起 動 し http://localhost/html を 表 示 NetCommons インストールウィザード の 起 動 6
4)NetCommons(ネットコモンズ) のインストール( 続 き) サイト 名 称 データベース およびパス URL の 設 定 サイト 名 称 は 後 から 変 更 可 能 データベースユーザ 名 は root データベースパスワードは なし /htdocs を 削 除 7
4)NetCommons(ネットコモンズ) のインストール( 続 き) サイト 管 理 者 についての 設 定 例 インストール 完 了 8
NetCommons をグループウェア( 非 公 開 会 員 制 サイト)として 使 う デモサイトを 使 ってグループウェアを 体 験 する 県 立 学 校 間 ネットワーク 内 に 仮 想 のデモサイトが 提 供 されています 実 際 にグループウェアを 構 築 す る 前 に 体 験 することができます また グループウェアの 操 作 についてのマニュアル(NetCommons に よるグループウェア 利 用 ガイド)も 教 職 員 ポータルサイトで 提 供 されています グループウェア デモサイト http://inside.pref.spec.ed.jp/ マニュアル(NetCommons によるグループウェア 利 用 ガイド) 教 職 員 用 ポータルサイト 内 NetCommons 情 報 のページ http://ts.spec.ed.jp/ 県 立 学 校 間 ネットワーク 内 のパソコンのみ 利 用 することができます 9
デモサイトを 参 考 にグループウェアを 構 築 する 実 際 にデモサイトを 参 考 にして 同 様 のグループウェアを 構 築 してみます 以 下 のグループスペース を 準 備 します 教 職 員 連 絡 教 職 員 データ 共 有 行 事 予 定 施 設 予 約 朝 会 連 絡 職 員 動 静 出 張 休 暇 等 すべての 会 員 を 参 加 1 学 年 2 学 年 3 学 年 学 年 に 属 している 会 員 のみを 参 加 (1) 演 習 用 NetCommons サイトに 管 理 者 でログインします 演 習 用 サイト ログイン ID パスワード (2)グループスペースを 用 意 します 管 理 ルーム 管 理 グループスペース ルーム 作 成 ルーム 名 称 とオプション(すべての 会 員 をデフォルトで 参 加 させる)を 入 力 する 10
出 張 と 休 暇 等 は 職 員 動 静 のサブグループとして 作 成 する ( サブグループ 作 成 ) 11
(3) 管 理 終 了 後 トップページの 表 示 に 戻 ると 左 側 の メニュー モジュールにグループスペースのページの 増 えたことが 確 認 できます (4)ヘッダ 部 を 構 築 します 1すでに 配 置 されている お 知 らせ モジュール( セッティングモードを ON にしてロゴを 変 更 してください )の 内 容 を 変 更 します 2 検 索 モジュールを 削 除 します 3 メニュー モジュールを 追 加 し お 知 らせ モジュールの 下 に 配 置 します ブロックスタイル 一 般 テンプレート は header で 始 まるものを 選 択 します 4 ページスタイル レイアウト を 変 更 します (ヘッダ 部 + 中 央 カラム) 12
(4)ヘッダ 部 を 構 築 します ( 続 き) 5 カレンダー モジュールを 追 加 します 表 示 方 法 変 更 表 示 方 法 スケジュール( 会 員 順 ) 指 定 したルームのみ 表 示 にチェック 行 事 予 定 朝 会 連 絡 or 出 張 or 休 暇 等 を 表 示 するルームに 設 定 表 示 日 数 1 日 権 限 設 定 行 事 予 定 朝 会 連 絡 出 張 休 暇 等 モデレータ 一 般 にチェック タイトル 本 日 の 連 絡 事 項 出 張 休 暇 等 に 設 定 6 追 加 した3つの カレンダー モジュールをグループ 化 します (5)ログインページを 構 築 します 1 セッティングモード 後 メニュー モジュールを 編 集 し トップページ の 名 称 を ログ インページ に 変 更 します 13
(5)ログインページを 構 築 します ( 続 き) 2 ページスタイル レイアウト を 変 更 します ( 中 央 カラムのみ) 3 中 央 カラムに 配 置 されている お 知 らせ モジュール(タイトルが Welcome to NetCommons! ) の 内 容 を 変 更 します 4 ログイン モジュールと メニュー モジュールを 設 置 します (6) 行 事 予 定 ページを 構 築 します 中 央 カラムに カレンダー モジュールを 設 置 します 表 示 方 法 変 更 表 示 方 法 週 表 示 指 定 したルームのみ 表 示 にチェック 行 事 予 定 全 会 員 を 表 示 するルームに 設 定 14
(7) 朝 会 連 絡 ページを 構 築 します 中 央 カラムに カレンダー モジュールを 設 置 します 表 示 方 法 変 更 表 示 方 法 月 表 示 ( 拡 大 ) 指 定 したルームのみ 表 示 にチェック 朝 会 連 絡 全 会 員 を 表 示 するルームに 設 定 (8) 職 員 動 静 ページを 構 築 します 中 央 カラムに カレンダー モジュールを 設 置 します 表 示 方 法 変 更 表 示 方 法 月 表 示 ( 拡 大 ) 指 定 したルームのみ 表 示 にチェック 出 張 休 暇 等 全 会 員 を 表 示 するルームに 設 定 15
(9) 教 職 員 連 絡 ページを 構 築 します 中 央 カラムに 掲 示 板 モジュールを 設 置 します (10) 教 職 員 データ 共 有 ページを 構 築 します 中 央 カラムに ファイルキャビネット モジュールを 設 置 します 新 規 作 成 キャビネット 名 教 職 員 共 有 データ ファイル 作 成 権 限 モデレータ 一 般 にチェック 16
(11) 施 設 予 約 ページを 構 築 します 中 央 カラムに 施 設 予 約 モジュールを 設 置 します 施 設 登 録 施 設 名 利 用 時 間 予 約 できる 権 限 モデレータ 一 般 にチェック (12) 各 学 年 のページを 構 築 します 中 央 カラムに 掲 示 板 ファイルキャビネット などのモジュールを 設 置 してみましょう (13) 会 員 (ユーザ)を 登 録 します ログインID ハンドル パスワード 会 員 氏 名 会 員 氏 名 eメール を 公 開 携 する 帯 メール 携 帯 メールでもメールを 性 別 プロフィールタイムゾーン 受 け 取 る 言 語 携 帯 表 示 携 モード 帯 画 像 権 表 限 示 状 サイズ 態 111111 深 谷 太 郎 center 校 長 4 1 222222 熊 谷 次 郎 center 1 学 年 生 徒 指 導 4 1 333333 大 宮 花 子 center 1 学 年 進 路 指 導 4 1 444444 浦 和 一 郎 center 2 学 年 生 徒 指 導 4 1 555555 川 口 三 郎 center 2 学 年 保 健 環 境 4 1 666666 川 越 京 子 center 3 学 年 教 務 4 1 777777 春 日 部 藤 子 center 3 学 年 進 路 指 導 4 1 888888 行 田 蓮 子 center 学 年 外 教 務 4 1 上 記 のユーザ 情 報 をあらかじめ 登 録 しておきます 参 照 会 員 管 理 (インポート) プライベートスペースが 邪 魔 になるので すべての 権 限 からプライベートスペースを 使 用 しないよう に 設 定 しておくとよい 参 照 権 限 管 理 ( 編 集 ) 17
(14)グループスペースの 参 加 者 修 正 を 行 います (15) 一 般 ユーザとして ログインし 直 し 構 築 したページの 各 モジュールに 入 力 して 確 認 します 18
参 考 カレンダーモジュールを 使 ってメンバーの 予 定 を 把 握 する カレンダーモジュールを 使 った もう 一 つのスケジュール 共 有 のしかたを 紹 介 します ここでは 通 常 の 月 表 示 のカレンダーを 使 ったルーム 内 の 予 定 の 共 有 から 一 歩 進 めて サブグループ の 予 定 を ス ケジュール 表 示 で 共 有 する 方 法 を 説 明 します ここでは 1 学 年 2 学 年 3 学 年 の 予 定 を 把 握 できるようにカレンダーモジュールを 使 います 各 ルームにおける 参 加 者 の 登 録 内 容 を 確 認 します ログインID ハンドル パスワード 会 員 氏 名 会 員 氏 名 eメール を 公 開 携 する 帯 メール 携 帯 メールでもメールを 性 別 プロフィールタイムゾーン 受 け 取 る 言 語 携 帯 表 示 携 モード 帯 画 像 権 表 限 示 状 サイズ 態 111111 深 谷 太 郎 center 校 長 4 1 222222 熊 谷 次 郎 center 1 学 年 生 徒 指 導 4 1 333333 大 宮 花 子 center 1 学 年 進 路 指 導 4 1 444444 浦 和 一 郎 center 2 学 年 生 徒 指 導 4 1 555555 川 口 三 郎 center 2 学 年 保 健 環 境 4 1 666666 川 越 京 子 center 3 学 年 教 務 4 1 777777 春 日 部 藤 子 center 3 学 年 進 路 指 導 4 1 888888 行 田 蓮 子 center 学 年 外 教 務 4 1 グループスペースにルーム サブグループを 以 下 のように 作 ります 19
サブルーム 作 成 の 際 の 権 限 設 定 は 以 下 のようにします 1 学 年 2 学 年 3 学 年 の 中 央 カラムにカレンダーモジュールを 設 置 します 表 示 方 法 変 更 表 示 方 法 週 表 示 指 定 したルームのみ 表 示 にチェック 学 年 とその 学 年 に 属 する 人 のグループスペースをルームに 設 定 20
権 限 設 定 ヘッダ 部 にある メニュー モジュールを 編 集 し サブグループを 表 示 しない 設 定 に 変 更 します 21
一 般 のユーザでログインして 動 作 確 認 をします 22
参 考 汎 用 データベースによる 情 報 共 有 汎 用 データベースは 管 理 者 が 設 定 した 書 式 ( 入 力 項 目 )を 指 定 することで 記 事 投 稿 者 がレイアウト 等 での 労 力 を 省 けるため 便 利 に 使 うことができます 活 用 例 新 刊 図 書 の 紹 介 進 路 情 報 の 紹 介 指 導 方 法 の 情 報 提 供 教 材 の 提 示 ほか 23
ネットコモンズ(NetCommons)によるホームページ 作 成 の 工 夫 画 面 全 体 をきれいにそろえるには 画 面 のロゴなどを 記 述 するヘッダ 部 や 左 カラム 中 央 カラムなど 横 幅 をシステムに 任 せてしまう 方 法 もありますが 標 準 的 な 解 像 度 を 想 定 して 横 幅 を 設 定 するときっちりとしたページを 作 ることができま す 例 えば 最 近 高 解 像 度 のディスプレイが 多 く 使 われているので 横 幅 を 1024 と 仮 定 し このサイトの 横 幅 を 950 ドットとした 場 合 次 のようなブロックスタイルの 幅 が 考 えられます 上 左 1 右 最 小 の 広 さ ヘッダ 部 上 上 左 2 右 左 3 右 左 カラム 中 央 カラム 最 小 の 広 さ 最 小 の 広 さ 下 下 ブロックスタイルの 設 定 例 最 小 の 広 さ 上 右 下 左 1 946 2 2 2 2 2 246 2 2 2 2 3 696 2 2 2 2 それぞれモジュールにおけるの ブロックスタイル の 一 般 の 設 定 値 を 適 当 に 変 更 し 適 用 決 定 の 順 にクリックします 24
ページのスタイルを 変 更 するには NetCommons を 利 用 すると 間 単 にページの 編 集 ができることがわかったと 思 いますが 独 自 のデザイ ンがほしい 場 合 はデザインを 変 更 することができます 画 面 上 部 にあります ページスタイル をクリックしてください ページスタイル の 中 から 様 々なテーマを 選 ぶことができます 気 に 入 ったテーマを 選 択 し 決 定 をクリックします 各 モジュールからモジュールのテーマを 選 択 することができます 気 に 入 ったテー マを 選 択 し 決 定 をクリックします お 知 らせ のタイトルの 変 更 や 枠 線 の 消 すには お 知 らせのモジュールの ブロックスタイル のタブを 選 択 し 一 般 のタブを 選 択 します その 中 の ブロックの 名 称 を 変 更 し 決 定 ボタンをクリックします 25
テーマ や 配 色 の 中 から 希 望 の 枠 線 を 選 択 します 配 色 の 中 で 枠 線 の 色 を 背 景 色 に 合 わせる などの 指 定 をします ヘッダ 部 にフォトアルバムを 追 加 フラッシュ 画 像 の 実 現 フォトアルバムのモジュールをヘッダ 部 に 追 加 すると フラッシュ 画 像 のように 一 定 時 間 で 画 像 が 入 れ 替 わる 仕 組 みが 出 来 上 がり そのホームページを 印 象 付 けることができます 26
画 像 挿 入 時 の 注 意 点 デジタルカメラなどで 撮 影 した 画 像 を 挿 入 する 際 解 像 度 をあらかじめ 抑 えてサイズを 小 さくした 画 像 ファイルをアップロードすることをお 勧 めします 理 由 として (1)サーバからの 転 送 に 時 間 がか かり 画 像 の 表 示 が 遅 れてしまう (2) 県 立 学 校 間 ネットワークの 場 合 各 学 校 に 割 り 当 てられた 容 量 に 限 りがある(1GB)からです 画 像 ファイルの 解 像 度 を 抑 えてファイルを 小 さくするには 画 像 編 集 ソフトが 必 要 です Windows に 付 属 している ペイント や Microsoft Office に 付 属 している Picture Manager などが 利 用 できま す また 一 度 に 複 数 の 画 像 ファイルのサイズを 小 さくすることができるフリーソフト 縮 小 専 用 の ようなソフトもあります 縮 小 専 用 http://www.vector.co.jp/soft/win95/art/se153674.html 縮 小 専 用 AIR http://labo.i-section.net/shukusen-air/ また 代 替 テキストには 画 像 を 簡 単 に 説 明 する 文 を 必 ず 入 力 しましょう 全 世 界 に 公 開 されている ホームページは いろいろな 方 が 見 ることを 考 慮 する 必 要 があります 中 には 視 覚 に 障 害 をお 持 ちの 方 もいらっしゃいます 視 覚 障 害 の 方 がホームページを 見 る 場 合 には 画 面 に 表 示 された 文 字 を 読 み 上 げ るソフト( 読 み 上 げソフト)が 利 用 されています 代 替 テキストに 説 明 文 が 入 力 されていない 場 合 には その 画 像 にある 情 報 が 読 み 上 げられないため 障 害 の 有 無 によって 伝 えられる 情 報 に 差 が 生 じてしま います こういった 情 報 の 差 をなくすために 代 替 テキストには 画 像 を 簡 単 に 説 明 する 文 を 必 ず 入 力 しましょう なお ホームページにおいて 障 害 の 有 無 に 関 係 なく 同 等 の 情 報 を 伝 える 考 え 方 や 手 法 を Web ア クセシビリティ といいます ホームページに 使 われる 技 術 の 標 準 化 を 進 める 国 際 的 な 機 関 である W3C (WWW コンソーシアム)からガイドラインが 示 され これをもとに JIS( 日 本 工 業 規 格 )でも 規 格 され ています 27
NetCommons 活 用 事 例 研 究 グループウェア 設 計 個 別 演 習 自 校 での 運 用 を 想 定 したグループウェアサイトの 構 築 において 以 下 に 留 意 し 校 内 グループウェア の 設 計 を 行 いましょう ユーザの 利 用 形 態 (メニュー 配 置 ( 学 年 学 科 分 掌 ) ユーザ 管 理 モジュール 設 置 ほか) 運 用 上 の 課 題 ( 入 力 の 工 夫 ガイドラインほか) 課 題 解 決 に 対 しての 方 策 ( 周 知 方 法 研 修 会 ほか) グループウェアサイト 構 築 シート ユーザ の 利 用 形 態 運 用 上 の 課 題 管 理 者 対 応 課 題 解 決 に 対 しての 方 策 管 理 者 対 応 28
学 校 HP の 運 用 について( 協 議 ) NetCommons でのグループウェア 活 用 の 他 自 校 での HP 活 用 事 例 の 紹 介 および 情 報 交 換 を 行 いまし ょう 以 下 の 流 れで 研 究 協 議 をおこない グループ 発 表 から 情 報 共 有 を 深 めます 1. グループ 分 けおよび 役 割 分 担 ( 司 会 記 録 発 表 ) 2. 自 己 紹 介 ( 分 掌 担 当 )および 自 校 の 取 り 組 みについて 個 人 発 表 3. 共 有 テーマについて 協 議 方 向 性 や 解 決 事 例 等 の 検 討 提 案 研 究 協 議 ワークシート 分 担 司 会 記 録 発 表 研 究 協 議 内 容 検 討 提 案 内 容 29