平成 27 年度 NetCommons 活用研修会 グループウェア : 活用編 NetCommons 演習テキスト 埼玉県立総合教育センター

Transcription

1 平成 27 年度 NetCommons 活用研修会 グループウェア : 活用編 NetCommons 演習テキスト 埼玉県立総合教育センター

2 < 目次 > ネットコモンズ (NetCommons) の仕組み CMS の 1 つであるネットコモンズ 3 ネットコモンズの仕組み 3 県立学校間ネットワークの仕組み 4 参考 Windows パソコン上へのネットコモンズのインストール 5 ネットコモンズ (NetCommons) によるホームページ作成の工夫 画面全体をきれいにそろえるには 9 ページのスタイルを変更するには 10 お知らせ のタイトルの変更や枠線の消すには 10 ヘッダ部にフォトアルバムを追加 11 画像挿入時の注意点 12 NetCommons をグループウェア ( 非公開会員制サイト ) として使う カレンダーを使ってメンバーの予定を把握する 13 汎用データベースによる情報共有 17 施設予約による施設 備品予約管理 18 お知らせ のタイトルの変更や枠線の消すには 17 画面全体をきれいにそろえるには 18 NetCommons 活用事例研究 グループウェア設計個別演習 19 学校 HP の運用について ( 協議 ) 20 2

3 ネットコモンズ (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

4 県立学校間ネットワークの仕組み 県立学校間ネットワークで用意されているネットコモンズのサーバには2 種類あります 外部向け( 全世界 インターネット上に公開されているホームページ ) 学校ホームページとして情報を発信できます 内部向け( 校内 県立学校間ネットワーク内に公開されているホームページ ) 各学校あたりに割り当てられている容量は 外部向け 内部向け合わせて10GBです ( 平成 25 年 1 月の県立学校間ネットワークの更新より ) 4

5 参考 Windows パソコン上へのネットコモンズのインストール 1) サーバソフト XAMPP( ザンプ ) のインストール XAMPP または XAMPP USB Lite をダウンロードし インストール 2)XAMPP の起動 コンピュータ ローカルディスク (C:) xampp フォルダ内 xampp_control.exe を起動 2 つの Start ボタンをクリック 3)XAMPP の動作確認 ブラウザ (Internet Explorer など ) を起動し を表示 4)NetCommons( ネットコモンズ ) のインストール 5

6 NetCommons for Windows をダウンロード ダウンロードしたファイル (zip ファイル ) を解凍 ( 展開 ) 4)NetCommons( ネットコモンズ ) のインストール ( 続き ) 解凍 ( 展開 ) してできたフォルダ内の html フォルダを次の場所にコピー ( 移動 ) コンピュータ ローカルディスク (C:) xampp フォルダ htdocs フォルダ ブラウザ (Internet Explorer など ) を起動し を表示 NetCommons インストールウィザードの起動 6

7 4)NetCommons( ネットコモンズ ) のインストール ( 続き ) サイト名称 データベース およびパス URL の設定 サイト名称は 後から変更可能 データベースユーザ名は root データベースパスワードはなし /htdocs を削除 7

8 4)NetCommons( ネットコモンズ ) のインストール ( 続き ) サイト管理者についての設定例 インストール完了 8

9 ネットコモンズ (NetCommons) によるホームページ作成の工夫画面全体をきれいにそろえるには画面のロゴなどを記述するヘッダ部や左カラム 中央カラムなど横幅をシステムに任せてしまう方法もありますが 標準的な解像度を想定して横幅を設定するときっちりとしたページを作ることができます 例えば 最近高解像度のディスプレイが多く使われているので横幅を 1024 と仮定し このサイトの横幅を 950 ドットとした場合次のようなブロックスタイルの幅が考えられます 上 左 1 右 最小の広さ ヘッダ部 上 上 左 2 右 左 3 右 左カラム 中央カラム 最小の広さ 最小の広さ 下 下 ブロックスタイルの設定例最小の広さ 上 右 下 左 それぞれモジュールにおけるの ブロックスタイル の 一般 の設定値を適当に変更し 適用 決 定 の順にクリックします 9

10 ページのスタイルを変更するには NetCommons を利用すると間単にページの編集ができることがわかったと思いますが 独自のデザインがほしい場合はデザインを変更することができます 画面上部にあります ページスタイル をクリックしてください ページスタイル の中から様々なテーマを選ぶことができます 気に入ったテーマを選択し 決定 をクリックします 各モジュールからモジュールのテーマを選択することができます 気に入ったテー マを選択し 決定 をクリックします お知らせ のタイトルの変更や枠線の消すには お知らせのモジュールの ブロックスタイル のタブを選択し 一般 のタブを選択します その 中の ブロックの名称 を変更し 決定 ボタンをクリックします 10

11 テーマ や 配色 の中から希望の枠線を選択します 配色の中で 枠線の色を背景色に合わせる などの指定をします ヘッダ部にフォトアルバムを追加 フラッシュ画像の実現 フォトアルバムのモジュールをヘッダ部に追加すると フラッシュ画像のように 一定時間で画像が 入れ替わる仕組みが出来上がり そのホームページを印象付けることができます 11

12 画像挿入時の注意点デジタルカメラなどで撮影した画像を挿入する際 解像度をあらかじめ抑えてサイズを小さくした画像ファイルをアップロードすることをお勧めします 理由として (1) サーバからの転送に時間がかかり 画像の表示が遅れてしまう (2) 県立学校間ネットワークの場合 各学校に割り当てられた容量に限りがある (1GB) からです 画像ファイルの解像度を抑えてファイルを小さくするには 画像編集ソフトが必要です Windows に付属している ペイント や Microsoft Office に付属している Picture Manager などが利用できます また 一度に複数の画像ファイルのサイズを小さくすることができるフリーソフト 縮小専用 のようなソフトもあります 縮小専用 縮小専用 AIR また 代替テキストには 画像を簡単に説明する文を必ず入力しましょう 全世界に公開されているホームページは いろいろな方が見ることを考慮する必要があります 中には視覚に障害をお持ちの方もいらっしゃいます 視覚障害の方がホームページを見る場合には 画面に表示された文字を読み上げるソフト ( 読み上げソフト ) が利用されています 代替テキストに説明文が入力されていない場合には その画像にある情報が読み上げられないため 障害の有無によって 伝えられる情報に差が生じてしまいます こういった情報の差をなくすために 代替テキストには 画像を簡単に説明する文を必ず入力しましょう なお ホームページにおいて 障害の有無に関係なく 同等の情報を伝える考え方や手法を Web アクセシビリティ といいます ホームページに使われる技術の標準化を進める国際的な機関である W3C (WWW コンソーシアム ) からガイドラインが示され これをもとに JIS( 日本工業規格 ) でも規格されています 12

13 NetCommons をグループウェア ( 非公開会員制サイト ) として使う カレンダーを使ってメンバーの予定を把握するカレンダーモジュールを使った スケジュール共有のしかたを紹介します ここでは 通常の 月表示のカレンダーを使ったルーム内の予定の共有 から一歩進めて サブグループ の予定を スケジュール表示 で共有する方法を説明します 各ルームにおける参加者の登録内容 ログインID ハンドル パスワード会員氏名 会員氏 eメール携帯メ携帯メ性別 プロフィタイムゾ言語 携帯表携帯画権限 状態 usr1 ユーザ1 center 深谷太郎 校長 4 1 usr2 ユーザ2 center 熊谷次郎 1 学年生徒指導 4 1 usr3 ユーザ3 center 大宮花子 1 学年進路 4 1 usr4 ユーザ4 center 浦和一郎 2 学年生徒指導 4 1 usr5 ユーザ5 center 川口三郎 2 学年保健環境 4 1 usr6 ユーザ6 center 川越京子 3 学年教務 4 1 usr7 ユーザ7 center 春日部藤子 3 学年進路 4 1 usr8 ユーザ8 center 行田連子 学年外教務 4 1 上記のユーザ情報をあらかじめ登録しておきます 参照 会員管理 ( インポート ) プライベートスペースが邪魔になるので すべての権限からプライベートスペースを使用しないよう に設定しておくとよい 参照 権限管理 ( 編集 ) グループスペースにルーム サブグループを以下のように作る 13

14 ルーム作成の際の権限設定は以下のようにします サブルーム作成の 際の権限設定は以下のようにします 管理者権限でログインし ルームごとに以下の設定を行いカレンダーを設置します 14

15 各ユーザでログインし 動作確認をおこないます 左側のメニューのサブルーム名を表示しない場合は メニューの編集で非表示にします 以上で完了です また 部署ごとではなく全職員を 1 つのルームにまとめて表示するには以下のようにします 15

16 16

17 汎用データベースによる情報共有 汎用データベースは 管理者が設定した書式 ( 入力項目 ) を指定することで 記事投稿者がレイアウト等 での労力を省けるため 便利に使うことができます 活用例 新刊図書の紹介進路情報の紹介指導方法の情報提供教材の提示ほか 17

18 施設予約による施設 備品予約管理 施設予約は カテゴリごとの大分類から施設 備品予約ができ 週の繰り返し予約や 年間予定のデー タインポートもできます 18

19 NetCommons 活用事例研究グループウェア設計個別演習自校での運用を想定したグループウェアサイトの構築において 以下に留意し 校内グループウェアの設計を行いましょう ユーザの利用形態( メニュー配置 ( 学年 学科 分掌 ) ユーザ管理 モジュール設置ほか) 運用上の課題( 入力の工夫 ガイドラインほか ) 課題解決に対しての方策( 周知方法 研修会ほか ) グループウェアサイト構築シートユーザの利用形態 運用上 の課題 管理者対応 課題解決に対しての方策 管理者対応 19

20 学校 HP の運用について ( 協議 ) NetCommons でのグループウェア活用の他 自校での HP 活用事例の紹介および情報交換を行いましょう 以下の流れで研究協議をおこない グループ発表から情報共有を深めます 1. グループ分けおよび役割分担 ( 司会 記録 発表 ) 2. 自己紹介 ( 分掌 担当 ) および自校の取り組みについて個人発表 3. 共有テーマについて協議 方向性や解決事例等の検討 提案研究協議ワークシート 分担 司 会 記 録 発 表 研 究 協 議 内 容 検討 提案 内容 20

21 memo 21